Question

很抱歉不得不问一些这么简单的问题，但是我无法通过搜索或检查bootstrap 3.2和2.3之间的CSS来找到答案。

我的问题只是我的复选框在bootstrap 3.2中没有对齐，但在2.3中没问题。您可以通过单击2.3和3.2的库来查看我的小提琴。我知道css必须有变化，但我不知道这个变化在哪里，或者为什么它现在没有默认对齐。

<div class="form-group">
    <div class="col-md-offset-2 col-md-10">
        <div class="checkbox">
            <label for="remember">Remember me
                <input type="hidden" name="remember" value="0">
                <input tabindex="4" type="checkbox" name="remember" id="remember" value="1">
            </label>
        </div>

Answer 1

尝试一下：

<div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <label for="remember">
                <input type="hidden" name="remember" value="0">
                <input tabindex="4" type="checkbox" name="remember" id="remember" value="1"> Remember me                        
            </label>
        </div>
    </div>

您不需要3.0中的周围<div class="checkbox">

希望有所帮助！

Answer 2

如果你摆脱div <div class="checkbox">，它将解决你的问题。如果没有，那么将margin-top: -16px;应用于您的复选框（我不建议，因为第一个解决方案是正确的）

原因是引导程序已将样式应用于类checkbox的事物，所以实际上，如果您要将类从checkbox更改为... checkbox-two它将不会更长时间应用引导样式

Answer 3

我所要做的就是移动我输入标签的地方＆＃34;记住＆＃34; @tim Lewis建议的地方。删除class =＆＃34;复选框＆＃34;实际上删除了保持一切看起来不错的格式。

<div class="form-group">
    <div class="col-md-offset-2 col-md-10 checkbox">
        <div class="checkbox">
            <label for="remember">
                <input type="hidden" name="remember" value="0">
                <input tabindex="4" type="checkbox" name="remember" id="remember" value="1">Remember me
            </label>
        </div>
    </div>
</div>

为什么我的复选框在bootstrap 3.2中不对，但在2.3中很好

3 个答案: