Bootstrap Gem不起作用

Question

我正在導入像這樣的gem文件，但視圖文件夾中的html文件無法顯示bootstrap導航欄。

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; 
} 

這個應用程序沒有錯誤，但查看文件不能使用引導主題。例如，<ul> tag :<ul class="nav navbar-nav pull-right">瀏覽器上沒有導航欄。我使用Chrome。請幫助我在Rails4.0中使用引導主題。

Answer 1

從bootstrap-sass

引導鏈輪和引導不應同時包含在 的application.js。

引導鏈輪提供個人引導Javascript文件 （alert.js或dropdown.js，例如），而自舉提供了含有所有引導的Javascript一個 連結文件。

所以讓他們中的任何一個，並刪除其他從application.js

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