jquery - 引导 gem 不起作用

Question

我正在像这样导入 gem 文件，但是 view 文件夹中的 html 文件无法显示引导导航栏。

gem 'devise', '3.4.1'
gem "bootstrap-sass", "~> 3.1.1.0"
gem 'font-awesome-sass'
gem 'jquery-turbolinks'
gem 'delayed_job_active_record'
gem 'devise_zxcvbn'

这是我的应用程序的 application.js 文件。

//= require jquery
//= require bootstrap/dropdown
//= require bootstrap-sprockets
//= require jquery_ujs
//= require turbolinks
//= require_tree .

这是我的应用程序的 application.scss 文件。

@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome-sprockets";
@import "font-awesome";

.alert-alert {
  @extend .alert-warning;
}

.alert-notice {
  @extend .alert-info;
}

此应用程序没有错误，但查看文件无法使用 Bootstrap 主题。例如，<ul> tag :<ul class="nav navbar-nav pull-right">浏览器上没有导航栏。我使用 Chrome 。请帮助我在 Rails4.0 中使用 bootstrap 主题。

Answer 1

来自bootstrap-sass

bootstrap-sprockets and bootstrap should not both be included in application.js.

bootstrap-sprockets provides individual Bootstrap Javascript files (alert.js or dropdown.js, for example), while bootstrap provides a concatenated file containing all Bootstrap Javascripts.

因此保留其中任何一个并从 application.js

中删除另一个

//= require jquery
//= require bootstrap-sprockets
//= require jquery_ujs
//= require turbolinks
//= require_tree .