Bootstrap行和col解释 [英] Bootstrap row and col explanation
本文介绍了Bootstrap行和col解释的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这是否有效的引导?
< 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屋!
查看全文