2017-08-17 71 views
3

我正在导入像这样的gem文件,但视图文件夹中的html文件无法显示bootstrap导航栏。Bootstrap Gem不起作用

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中使用引导主题。

回答

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 .