ruby-on-rails - Twitter Bootstrap 3 和数据表。如何使用 Ruby on Rails 正确应用样式？

Question

我正在尝试将 bootstrap3 样式应用于我的 Rails 应用程序，但我在使用 DataTables 样式时遇到了一些问题。我知道这是一个反复出现的问题，但我还没有找到任何解决方案。

这是我的 .gemfile 的相关部分:

 gem 'haml'
 gem 'jquery-datatables-rails', git: 'https://github.com/rweng/jquery-datatables-     rails.git'
 gem 'jquery-ui-rails'
 gem 'highcharts-rails'

 gem 'therubyracer'
 gem 'less-rails'
 gem 'twitter-bootstrap-rails', :git => 'git://github.com/seyhunak/twitter-bootstrap-rails.git', :branch => 'bootstrap3'

这是我的 application.js:

 //  require turbolinks
 //= require jquery
 //= require jquery_ujs
 //= require twitter/bootstrap
 //  require jquery.turbolinks

 //  require_tree .
 //= require dataTables/jquery.dataTables
 //= require dataTables/jquery.dataTables.bootstrap3
 //= require jquery.ui.core

请注意，我同时禁用了 require_tree 和 turbolinks。

这是我的 application.css:

 *= require_self
 *= require jquery.ui.core
 *= require jquery.ui.theme
 *= require_tree .
 *= require dataTables/jquery.dataTables.bootstrap3
 *= require special

最后一行“require special”是针对我在我的网站上使用的某些覆盖。它们与 DataTables 上的任何内容都无关，但为了确保该文件当前为空。

我的 js.coffee 表有这个:

 jQuery ->
   $('#d_table').dataTable
     sPaginationType: "bootstrap"

没有什么特别的，只是表的初始化。

我明白了:

我错过了什么？

编辑:

如果您想知道，这是生成该表的代码(在 HAML 中):

 %table#d_table
   %thead
     %tr
       %th='Field1'
       %th='Field2'
       %th='Field3'
       %th='Field4'
       %th='Field5'
   %tbody
     - (1..70).each do
       %tr
         - (1..5).each do |a|
           %td="This is #{a}"

Answer 1

在 bootstrap 中，表格从 .table 类继承其所有样式。

尝试将类 .table 添加到表格元素。

Bootstrap 3 tables