Rails4和Bootstrap:响应式设计不起作用

时间:2016-01-26 04:36:16

标签: ruby-on-rails twitter-bootstrap ruby-on-rails-4 twitter-bootstrap-3

虽然我尝试了下面的代码,但是这些内容像这样排列在一起;

side1
.
.
.
contents from yield
.
.
.
side2

我该如何显示?

side1... contents from yield... side2

另一方面,class="table table-striped"起作用,例如。

我曾尝试修改其他人创建的来源。 如果你能给我我应该检查的地方,我们将不胜感激。

application.html.erb

  <div class="container">
    <div class="row">
      <div class="col-sm-3">side1</div>
      <div class="col-sm-6">
        <div><%= notice %></div>
        <div><%= alert %></div>

        <%= yield %>
      </div>
      <div class="col-sm-3">side2</div>

    </div>
  </div>

虽然我尝试了col-xs,但我找到了相同的结果。

custom.css.scss

@import "bootstrap";

的Gemfile

gem 'bootstrap-sass', '2.3.2.0'

application.css

 *= require_tree .
 *= require_self

1 个答案:

答案 0 :(得分:1)

您是否可以检查custom.css.scss是否已添加到application.css.scss并且application.css是否已在布局页面中加载?

编辑:

对于bootstrap版本bootstrap docs,根据这个,你可能应该使用<div class="span4"></div>语法。