-4

私のindex.html.erbはTwitterのブートストラップスタイルを使用していません。zebra-stripedブートストラップクラスが明らかに認識されないため、テーブルはブートストラップなしでは非常に見苦しく見えます。

しかし、私の見解の他のファイルはかなりブートストラップされているので、問題はこの小さなコード内にあります(この質問に触発されています)

なんでそうなの?

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

1 に答える 1

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>
于 2013-02-25T03:33:38.950 に答える