那么,我可以创建一个<div class="row">
并向其中推送列吗?列的总长度将大于12个单位。是不好的风格,我应该为每一行创建一行吗?
这取决于您想要的行为。如果您连续有超过12列,它们将按原样缠绕到下一行
一行中超过12列将换行
<div class="row">
<div class="small-2 large-4 columns">. . .</div>
<div class="small-2 large-4 columns">. . .</div>
<div class="small-2 large-4 columns">. . .</div>
<div class="small-2 large-4 columns">. . .</div>
<div class="small-2 large-4 columns">. . .</div>
</div>
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
-----------------------------------------------------------------------
| | | |
| div1 | div2 | div3 |
| | | |
-----------------------------------------------------------------------
| | |
| div4 | div5 |
| | |
-----------------------------------------------
相当于2行
<div class="row">
<div class="small-2 large-4 columns">...</div>
<div class="small-2 large-4 columns">...</div>
<div class="small-2 large-4 columns">...</div>
</div>
<div class="row">
<div class="small-2 large-4 columns">...</div>
<div class="small-2 large-4 columns">...</div>
<div class="small-2 large-4 columns">...</div>
</div>
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
-----------------------------------------------------------------------
| | | |
| div1 | div2 | div3 | (row 1)
| | | |
-----------------------------------------------------------------------
-----------------------------------------------
| | |
| div1 | div2 | (row 2)
| | |
-----------------------------------------------
在此处了解更多细节了解Foundation 4中的Div类
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句