2013-04-02 53 views
0

我需要使用具有跨度的另一个跨度中的HTML进行垂直对齐。我到目前为止使用跨度只做水平布局,如将“span4”三次创建一个3列布局..引导程序中的嵌套跨度

但是,下面的行创建一个垂直布局,而不是..可以一些点如何使用嵌套跨越自举..

<div class="row"> 
     <div class="span4"> 
      <div class="row"> 

       <h4 class="span3 well">Related</h4> 

       <div class="span3 well"> 
        <ul class="nav"> 
         <li><a href="#">Related-1</a> 

         </li> 
         <li><a href="#">Related-2</a> 

         </li> 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div> 

回答

3

你跨越6个网格列内的元素,只跨越4,这将必然导致包装。如果您不想要垂直堆栈,则始终需要具有与父行相同或更少的列的子行。

我建议在电网文档仔细一看:http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

+0

isherwood-我们可以用上面的伎俩,如果我们需要垂直方向而不是水平。即相关-1和相关-2出现在下方相关。如果我使span4跨越12,那么他们变得水平。有没有其他的方式来获得这种垂直布局? – fortm

+0

这种方式有什么问题?你原来的问题不是很清楚,这个也不是。当然有一百种方法可以制作垂直布局。 – isherwood

+0

所以使用span-wrapping创建垂直布局没有任何错误..这基本上是混乱.. – fortm