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

发布时间：2020-12-17 23:48:54 所属栏目：安全来源：网络整理

导读：请向我解释一下何时使用类容器和行。我不确定，因为Bootstrap的文档对这部分不太清楚。我使用Bootstrap 3。解决方法 container是行元素的容器。行元素是列的容器(docs称为网格系统) 此外，容器设置内容的边距处理布局的响应行为。因此，容器类通常用于根

请向我解释一下何时使用类容器和行。我不确定，因为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在容器外部，它跨越全宽，没有边界。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!