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

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

Answer 1

来自bootstrap-sass

bootstrap-sprockets和bootstrap 不应同时包含   的application.js。

bootstrap-sprockets提供单独的Bootstrap Javascript文件   （例如，alert.js或dropdown.js），而bootstrap提供了一个   包含所有Bootstrap Javascripts的连接文件。

所以保留其中任何一个并从application.js

中删除另一个

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

Bootstrap Gem不起作用

1 个答案: