不同类型的引导容器包装在具有 css 宽度的另一个元素中答案

【问题标题】：Bootstrap containers of different types wrapped in another elements with css width不同类型的引导容器包装在具有 css 宽度的另一个元素中
【发布时间】：2015-04-06 09:48:33
【问题描述】：

我是 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 的 width:950px 会发生什么？

【问题讨论】：

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

【解决方案1】：

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

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

【讨论】：

Ok 100%width 已过时，但是否可以将 wrapper 设置为 width:950px 并将容器放入其中？
只要是 .container-fluid 就可以。 .container-fluid 由引导程序设置为 100% 宽度。 .container 设置为特定宽度，很可能无法与您的自定义包装器一起使用。

【解决方案2】：

是的，你可以拥有，只有在你使用 container-fluid 类的情况下。

【讨论】：

可以更具体一点吗？ .container-fluid 是，但 .container 不是？被包裹？用宽度包裹？
是的，仅在您可以使用的容器流体情况下，因为在处理容器类时，引导程序将提供以 px 为单位的特定宽度。