我终于开始使用粉底了,这很棒.所以我只是测试了一个例子,我注意到如果连续只有两列,它看起来像这样:
我原本以为“Box B”就会出现在“Box A”旁边.如何将其与左侧对齐?
我没有读过太多文档(我应该这样),但我想我会问.
<div class="row"> <div class="large-4 columns"> <div class="panel"> <p>Box A</p> </div> </div> <div class="large-4 columns"> <div class="panel"> <p>Box B</p> </div> </div> </div>
谢谢,
缺口
解决方法
您可以将.end类添加到B列,使其与左侧对齐.
<div class="large-4 columns end"> <div class="panel"> <p>Box B</p> </div> </div>
资料来源:http://scotch.io/tutorials/css/understanding-zurb-foundation-5s-grid-system