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来代替它。