Twitter Bootstrap 3和DataTables.如何使用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

最后一行"需要特殊",用于我在我的网站上使用的某些覆盖.它们与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

在引导程序中,表从.table类继承其所有样式.

尝试将该类添加.table到table元素.

Bootstrap 3表