Twitter bootstrap 3 引导网格系统-相对于其他包装器的.container div的层次结构_Twitter Bootstrap 3

Twitter bootstrap 3 引导网格系统-相对于其他包装器的.container div的层次结构

twitter-bootstrap-3

Twitter bootstrap 3 引导网格系统-相对于其他包装器的.container div的层次结构,twitter-bootstrap-3,Twitter Bootstrap 3,我刚刚开始使用Bootstrap3将一个图形设计转变成一个响应迅速的网站。我想知道.container相对于其他包装（如、、或语义自定义包装（如）的位置我不确定是否应该将上述标签包装在.containerdiv中，反之亦然-将.containerdiv包装在这些标签中本质上，问题在于以下各项是否相等或是否存在优先顺序： <div class="container"> <div class="main-content"> ... </d

我刚刚开始使用Bootstrap3将一个图形设计转变成一个响应迅速的网站。我想知道

.container

相对于其他包装（如

、

或语义自定义包装（如

）的位置

我不确定是否应该将上述标签包装在

.container

div中，反之亦然-将

.container

div包装在这些标签中

本质上，问题在于以下各项是否相等或是否存在优先顺序：

<div class="container">
    <div class="main-content">
      ...
    </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>

因此，我可以在整个宽度（例如背景）上设置导航

nav

和页脚

footer

，并且内容仍然提供网格

编辑：它基于

如果您希望将所有内容设置为相同（响应的

.container

-）宽度，最好将所有内容都放在

.container

中。这也取决于你的CSS支持

。主要内容
也许您可以检查bootstrap中的不同（源代码），看看哪个设置/设计符合您的偏好。
谢谢您的回复。让我们假设您希望将网格引入网站的
部分，并且仍然保持其全宽。然后您必须将页脚包装在.container fluid
div中。我说的对吗？我进一步扩展了HTML代码。在nav
和footer
中，我有另一个.container
类，因此内容响应设备宽度，与主要内容的宽度完全相同。如果您希望将网格扩展到整个宽度，可以使用.container fluid。
<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>