不同类型的Bootstrap容器包含在具有css宽度的另一个元素中

时间:2015-04-06 09:48:34

标签: css twitter-bootstrap twitter-bootstrap-3 containers

我是bootstrap的新手,我不知道是否可以将引导容器包装在另一个元素中,或者如果该包装器可以有一些宽度,就像这样,

<div style="background:url('xycv.jpg') center top no-repeat; width:100%">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-6">col1</div>
            <div class="col-md-6">col2</div> 
        </div>
    </div>
</div>

<div style="background:url('bla.png') center top no-repeat; width:100%">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-6">col1</div>
            <div class="col-md-6">col2</div> 
        </div>
    </div>
</div>

如果包装器有宽度:950px?

会发生什么

2 个答案:

答案 0 :(得分:0)

.container-fluid本身就像你的包装器一样,所以你的包装器已经过时了。在background设置.container-fluid就是我要做的。

如果你需要在自己的元素中包含一些bootstrap元素,你肯定可以这样做。

答案 1 :(得分:0)

是的,只有当您使用container-fluid课程时才能拥有。