实现以下布局与Twitter引导
问题描述:
我试图实现与Twitter的引导帮助下布局(12列):实现以下布局与Twitter引导
目前,我有这样的:
<div class="row">
<div class="span6">1</div>
<div class="span6">2</div>
<div class="span6">3</div>
<div class="span6">4</div>
<!-- etc.. -->
</div>
我假设它会起作用,但由于某种原因,它不会(所有的布局都搞砸了)是否有需要应用的修复程序才能正常工作?或者用bootstrap无法实现?
答
事情是这样的:
<div class="row">
<div class="span6">
<div class="row">
<div class="span6"></div>
</div>
<div class="row">
<div class="span6"></div>
</div>
</div>
<div class="span6">
<div class="row">
<div class="span6"></div>
</div>
<div class="row">
<div class="span6"></div>
</div>
</div>
<!-- etc.. -->
</div>
?
+0
你想用这个做什么?我相信它有什么问题 – Pigueiras 2013-04-04 12:31:21
+0
你有两行的单元格,每个单元格有两行 – AlexanderBrevig 2013-04-04 13:19:02
答
<div class="row">
<div class="span12">
<div class="row">
<div class="span6"></div>
<div class="span6"></div>
</div>
<div class="row">
<div class="span6"></div>
<div class="span6"></div>
</div>
</div>
</div>
,如果你愿意,你可以添加保证金顶部或底部的类“行”的行
你要像Pinterest的12列之间的空间? (起初我没有看到12列)。 – Pigueiras 2013-04-04 12:21:17