2013-04-04 114 views
0

我试图实现与Twitter的引导帮助下布局(12列):实现以下布局与Twitter引导

Layout

目前,我有这样的:

<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无法实现?

+0

你要像Pinterest的12列之间的空间? (起初我没有看到12列)。 – Pigueiras 2013-04-04 12:21:17

回答

1

事情是这样的:

<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

2
<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> 

,如果你愿意,你可以添加保证金顶部或底部的类“行”的行