boostrap col-offset在排液中不起作用

时间:2015-04-30 10:20:41

标签: html5 css3 twitter-bootstrap-3

我正在进行流体设计,我希望在行流体中使用一个条件获得表单组元素,我必须在右侧对齐表单组元素。

<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>

拨弄

http://jsfiddle.net/1pzh4x8s/

但是在我的html页面中,form-group元素没有包含在<-p>下面的row-fluid div.image中

enter image description here

1 个答案:

答案 0 :(得分:1)

首先,AFAIK没有row-fluid这样的东西。您需要使用container-fluid,然后使用row

其次,在行中col-lg-12然后在col-6内立即有什么意义。 col-lg-12没有用处。

此外,您的元素包含在标记中,但不是可视化的。您需要将clearfix添加到父级,以使其高度延伸到最后/最高浮动子级的高度。