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