bootstrap col-offset 在 row-fluid 中不起作用

Question

我正在进行流体设计，我想在一种情况下在 row-fluid 中获取表单组元素，我必须在右侧对齐表单组元素。

<div class="row-fluid" style="background-color: #332619; color: #fff !important; padding-top: 25px; padding-bottom: 10px">
    <div class="col-lg-12">
        <div class="form-group pull-right">
            <input type="text" class="form-control" id="login_Email" placeholder="Email">
        </div>
        <div class="form-group pull-right">
            <input type="password" class="form-control" id="login_Password" placeholder="Password">
        </div>
    </div>
</div>

fiddle

http://jsfiddle.net/1pzh4x8s/

但在我的 html 页面中，表单组元素未包含在下方的行流体 div.image 中

Answer 1

首先，据我所知，没有 row-fluid 这样的东西。你需要在里面使用container-fluid然后row.

其次，将 col-lg-12 放在行中然后紧接着放在 col-6 中有什么意义？ col-lg-12 没有任何用处。

此外，您的元素包含在标记中，但在视觉上没有。您需要将 clearfix 添加到父项，以便它的高度延伸到 last/tallest 浮动子项的高度。

bootstrap col-offset 在 row-fluid 中不起作用

boostrap col-offset not working inside row-fluid

html

css

twitter-bootstrap-3