引導程序中的嵌套跨度

我需要使用具有跨度的另一個跨度中的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>

來源

2013-04-02 fortm

你跨越6個網格列內的元素，只跨越4，這將必然導致包裝。如果您不想要垂直堆棧，則始終需要具有與父行相同或更少的列的子行。

我建議在電網文檔仔細一看：http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

來源

2013-04-02 13:12:45 isherwood

isherwood-我們可以用上面的伎倆，如果我們需要垂直方向而不是水平。即相關-1和相關-2出現在下方相關。如果我使span4跨越12，那麼他們變得水平。有沒有其他的方式來獲得這種垂直佈局？ – fortm

這種方式有什麼問題？你原來的問題不是很清楚，這個也不是。當然有一百種方法可以製作垂直佈局。 – isherwood

所以使用span-wrapping創建垂直佈局沒有任何錯誤..這基本上是混亂.. – fortm

引導程序中的嵌套跨度

回答

相關問題