twitter-bootstrap-3 – 什么时候应该使用容器和行在Twitter Bootstrap 3?

请向我解释一下何时使用类容器和行。我不确定,因为Bootstrap的文档对这部分不太清楚。

我使用Bootstrap 3。

container是行元素的容器。

行元素是列的容器(docs称为网格系统)

此外,容器设置内容的边距处理布局的响应行为。

因此,容器类通常用于根据Bootstrap项目的样式指南创建“盒装”内容。

如果你想“开箱即用”创建一个全宽网格,你可以只使用行元素与列内(跨越通常12cols总)。

容器和行类用于正文中的元素。
所以一个基本的布局是:

<html>
 <body>
  <div class="container">
   <div class="row">
     <div class="col-md-xx"></div>
       ...
   </div>
   <div class="row">
     <div class="col-md-xx"></div>
       ...
   </div>
  </div>
 </body>
</html>

对于盒装响应布局。

如果你省略容器,你会得到一个全宽布局。

Jumbotron示例

Jumbotron是容器行为的一个很好的例子。如果将Jumbotron元素放在容器元素中,它具有圆角边框和基于响应宽度的固定宽度。
如果Jumbotron在容器外部,它跨越全宽,没有边界。

http://stackoverflow.com/questions/19983857/when-should-i-use-container-and-row-in-twitter-bootstrap-3

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:twitter-bootstrap-3 – 什么时候应该使用容器和行在Twitter Bootstrap 3?