2013-10-29 58 views
2

我在學習Rails,我正在使用bootstrap-sass gem。我的佈局看起來像這樣:Rails Bootstrap.span無法正常工作

<main role="main"> 
    <div class="container"> 
    <div class="content"> 
     <div class="row"> 
     <div class="span3"> 
      LEFT 
     </div> 
     <div class="span9"> 
     <%= render 'layouts/messages' %> 
     <%= yield %> 
     </div> 
     </div> 
     <footer> 
     </footer> 
    </div> 
    </div> 
</main> 

的問題是,每兩列,.span3的和.span 9示整個寬度,並一個在另一個的下面。這對於任何.span組合都是一樣的。

我在做什麼錯?

謝謝!

+0

請提供一個小提琴,以便我們可以試用您的代碼,您將更輕鬆地獲得幫助。另外,你應該提及你正在使用的引導版本(我假設2.x,但你永遠不知道......) – pduersteler

+1

你可能會使用引導程序3的bootstrap 2語法。'span9'改爲'col-md-9 '(不完全如此,請參閱getbootstrap.com瞭解新網格的工作原理)。 –

+0

bootstrap-sass:3.0.0.0.rc2 –

回答

2

您可能使用bootstrap 3的引導程序2語法。span9更改爲col-md-9(它不完全如此,有關新網格工作原理的詳細信息,請參閱getbootstrap.com)。

1

您使用的是哪個版本的引導程序?如果是引導版本3,則切換到col-md-xx。所以你可能需要使用col-md-3 & col-md-9。