html.erb不使用bootstrap样式

时间:2013-02-23 18:18:49

标签: css ruby-on-rails twitter-bootstrap

我的index.html.erb不使用Twitter的bootstrap样式。如果没有bootstrap,该表看起来非常难看,因为bootstrap zebra-striped类显然无法识别。

但是我视图中的其他文件都是非常自助的,所以问题出在这一小段代码中(受this question启发)

为什么会这样?

<table class="zebra-striped">
  <tr>
    <th>Name </th>
  </tr>

<% @students.each do |student| %>
  <tr>
    <td><%= student.name %></td>
  </tr>
<% end %>
</table>

的Gemfile:

gem 'bootstrap-sass', '2.1'
gem 'sass-rails',   '~> 3.2.3'

1 个答案:

答案 0 :(得分:1)

阅读文档将有助于标记问题 http://twitter.github.com/bootstrap/base-css.html#tables

您还应该将您的桌子标记为更加标准。

<table class="table table-striped">
  <thead>
  <tr>
    <th>Name </th>
  </tr>
  </thead>

  <tbody>
  <% @students.each do |student| %>
    <tr>
      <td><%= student.name %></td>
    </tr>
  <% end %>
  </tbody>
</table>