Bootstrap 3和包装器如何使用它

Question

我是Bootstrap 3的新手，只是想知道如何使用我自己的固定包装器从Bootstrap中使用.container类。例如，当我修复了页面的容器时

    .wrapper {
width:960px;
}

来自Bootstrap的

和.container类，如何在我的网页中组合和使用？

<div class="container">
<div class="wrapper">
<div class="row">
<div class="col-md-12">
Text content here
</div>    </div>    </div>    </div>

是对的吗？ 谢谢！

Answer 1

不需要额外的div。你可以做到

<div class="container wrapper">
    <div class="row">
        <div class="col-md-12">
            Text content here
        </div>
    </div>    
</div>

.wrapper {
    max-width: 960px;
}

请注意，我使用max-width代替width，否则响应能力将会丢失。