Bootstrap行和col解释 [英] Bootstrap row and col explanation

问题描述

这是否有效的引导？

 < div class =row> 
< div class =col-sm-6>< / div> 
< div class =col-sm-6>< / div> 
< div class =col-sm-6>< / div> 
< div class =col-sm-6>< / div> 
< div class =col-sm-6>< / div> 
< / div> 
  

或者我需要每12列添加一行吗？

因为现在这样做对我来说不起作用。我不希望每12行都有一行，因为我需要过滤我的文章，而当他们处于不同的行时，我无法做到这一点。

解决方案

从

http://getbootstrap.com/css/#gridrel =nofollow>文档：

如果更多超过12列放置在一行中，每组额外的列将作为一个单位换行到新行。

Is this valid bootstrap?

<div class="row">
 <div class="col-sm-6"></div>
 <div class="col-sm-6"></div>
 <div class="col-sm-6"></div>
 <div class="col-sm-6"></div>
 <div class="col-sm-6"></div>
</div> 

Or do I need a new row every 12 columns?

Because right now it does not work for me to do this way. And I do not want to have a row every 12th because I need to filter my articles, and I cant do that when they are in different rows.

解决方案

You will get a new visual row every 12 columns, but you don't need to define it with markup.

From the documentation:

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.

这篇关于Bootstrap行和col解释的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！