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

前端之家收集整理的这篇文章主要介绍了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在容器外部,它跨越全宽,没有边界。

原文链接:https://www.f2er.com/bootstrap/234839.html

猜你在找的Bootstrap相关文章