twitter-bootstrap – Bootstrap – 我可以将行加到12以上吗？

发布时间：2020-12-17 20:39:16 所属栏目：安全来源：网络整理

导读：我想知道我的嵌套行是否可以加起来超过12？以这种方式工作是不对的？我尝试了它,它似乎对我很好,但我想确保我做对了. 举个例子我可以这个吗？ div class="col-md-10" div class="container" div class="row" div class="col-md-3" ... /div div class="col-

我想知道我的嵌套行是否可以加起来超过12？以这种方式工作是不对的？

我尝试了它,它似乎对我很好,但我想确保我做对了.

举个例子我可以这个吗？

<div class="col-md-10">
 <div class="container">
  <div class="row">   
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
  </div>
 </div>
</div>

解决方法

是的,连续12列可以更好它只会使额外的列包裹到下一行.所以,用你的例子你有2行4.

http://bootply.com/91392

来自Bootstrap文档(http://getbootstrap.com/css/#grid)..

“If more than 12 columns are placed within a single row,each group of
extra columns will,as one unit,wrap onto a new line”

此外,以下是一些示例,显示在一行中使用超过12列(col- *)：http://getbootstrap.com/css/#grid-example-mixed

如果列的高度不同,请注意responsive resets.
阅读更多关于when to use Bootstrap row

相关问题：
Bootstrap what will happen if I put more than 12 columns in a row?
Bootstrap 3 – Use more than 12 columns in a row
Where to place bootstrap row class
Boostrap row on multiple lines

（编辑：李大同）

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