rails bootstrap缺失類

Question

我使用rails 4和bootstrap 3，它有基本的類，但其中很多都沒有。 我的Gemfile

...  
    gem "therubyracer" 

    gem "less-rails" #Sprockets (what Rails 3.1 uses for its asset pipeline) supports LESS 

    gem "twitter-bootstrap-rails" 
... 

我application.css

*= require bootstrap_and_overrides 
*= require_self 
*= require_tree 

我的應用程序僅適用於表單和按鈕基本款式，但沒有很多類，如COL-XS-6 COL-MD-4所以我不能建立網格佈局。

當我把示例代碼從引導網站我的看法

<div class="row"> 
    <div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div> 
    <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div> 
</div> 

<!-- Columns start at 50% wide on mobile and bump up to 33.3% wide on desktop --> 
<div class="row"> 
    <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div> 
    <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div> 
    <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div> 
</div> 

<!-- Columns are always 50% wide, on mobile and desktop --> 
<div class="row"> 
    <div class="col-xs-6">.col-xs-6</div> 
    <div class="col-xs-6">.col-xs-6</div> 
</div> 

如果您檢查Issues對Twitter的引導護欄我有了這個

.col-xs-12 .col-md-8 
.col-xs-6 .col-md-4 
.col-xs-6 .col-md-4 
.col-xs-6 .col-md-4 
.col-xs-6 .col-md-4 
.col-xs-6 
.col-xs-6 

Answer 1

，你會看到即frequentlyraisedissue是主分支是用於Bootstrap 2.3.2，即（現在不支持的）Bootstrap 2而不是Bootstrap 3.而且這在README中沒有明確提及。您的示例網格標記來自Bootstrap 3，因此它不起作用 - 網格系統在Bootstrap 2和Bootstrap 3之間發生了顯着變化。

要做到這一點，您必須堅持Bootstrap 2標記，或者使用Bootstrap 3 branch of twitter-bootstrap-rails來代替它。