我刚刚开始使用Bootstrap 3将图形设计转化为响应式网站。我想知道.container相对于其他包装器（如<nav>、<header>、<footer>）或语义自定义包装器（例如<div class="main-content">等）的定位。
我不确定是否应该将上述标记包装在.containerdiv中，反之亦然——将.containerdiv包装在这些标记中。
从本质上讲，问题是以下是相等的还是有顺序偏好：
<div class="container">
<div class="main-content">
...
</div>
</div>
<div class="main-content">
<div class="container">
...
</div>
</div>
如果它取决于项目的具体情况，选择什么标记，那么选择一个标记而不是另一个标记的潜在原因是什么？
我个人使用以下订单
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<!-- NAVIGATION -->
</div>
</nav>
<div id="content" class="container">
<!-- (MAIN)CONTENT -->
</div>
<footer>
<div class="container">
<!-- FOOTER -->
</div>
</footer>
</body>
因此我可以在整个宽度（例如背景）上对导航CCD_ 8和页脚CCD_。
编辑：它基于Template Business Casual。
如果您希望将所有内容设置为相同的（响应.container-）宽度，则最好将所有内容都放在.container中。这也取决于.main-content背后的CSS。
也许你可以查看引导程序中的不同示例（源代码），看看哪个设置/设计符合你的偏好。