Question

我最近开始使用bootstrap，我非常喜欢它，非常简单和严格。

虽然我不明白一件事，但正确的结构是什么？

我已经阅读了他们的开始，他们说例如行的第一个孩子可以是列...

但是他们也提到了div ='container'，那么所有元素都应该放在容器中吗？

例如

<div class="container">
   <nav> </navr>
</div>

<div class="container">
    <div ....> BODY </div>
</div>

<div class='container">
   <footer></footer>
</div>

或者所有这些容器都是非常可选的，可以不使用吗？

关于行的相同问题，那么所有列元素是否应该成为行的一部分？

我有以下结构：

<nav></nav>
<row>
    <div class="col-md-2> </div>
   <div class="col-md-10">
      <row> 
         <div class="col-md-6"> </div>
         <div class="col-md-6"> </div>
      </row>
   </div>
</row>

这是正确的结构吗？

Answer 1

由于row的边距为负，因此应将其置于container ..

内

根据Bootstrap文档（http://getbootstrap.com/css/#grid）：

“ 行必须放在.container中才能正确对齐和填充。 ”

正如您将在此演示中看到的那样，不包含的row会导致水平滚动条：

http://bootply.com/106752

但是，container可以在任何地方使用..单独使用，或嵌套在其他容器/行中。

Bootstrap元素结构（容器）

1 个答案: