css - rails bootstrap 缺少类

Question

我使用 rails 4 和 bootstrap 3，它有基本类，但其中很多都缺失了。我的 gem 文件

...    
    gem "therubyracer"

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

    gem "twitter-bootstrap-rails"
...

我的应用程序.css

 *= require bootstrap_and_overrides 
 *= require_self
 *= require_tree

我的应用程序只有表单和按钮的基本样式，但没有很多像 col-xs-6 col-md-4 这样的类，所以我无法构建网格布局。

当我将示例代码从 bootstrap 站点放入我的 View 时

<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>

我知道了

.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

如果您检查 Issues对于 twitter-bootstrap-rails，你会看到一个 frequently raised issue是 master 分支用于 Bootstrap 2.3.2，即(现在不受支持的)Bootstrap 2 而不是 Bootstrap 3。自述文件中没有明确提到这一点。您的示例网格标记来自 Bootstrap 3，因此它不起作用——网格系统在 Bootstrap 2 之间发生了显着变化。和 Bootstrap 3 .

要完成这项工作，您要么必须坚持使用 Bootstrap 2 标记，要么使用 Bootstrap 3 branch of twitter-bootstrap-rails 碰碰运气相反。