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

Question

我是 bootstrap 的新手，我不知道是否可以将 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>

或者如果 wrapper 的宽度为:950px 会发生什么？

Answer 1

.container-fluid 本身的行为就像你的包装器，所以你的包装器有点过时了。在 .container-fluid 上设置 background 是我会做的。

如果你需要在你自己的元素中包装一些 Bootstrap 元素，你当然可以这样做。