引导宝石不起作用答案

【问题标题】：Bootstrap Gem doesn't work引导宝石不起作用
【发布时间】：2018-01-25 18:21:12
【问题描述】：

我正在导入这样的 gem 文件，但视图文件夹中的 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"> 浏览器上没有导航栏。我用铬。请帮我在 Rails4.0 中使用 bootstrap 主题。

【问题讨论】：

标签： jquery html ruby-on-rails-4 sass bootstrap-4

【解决方案1】：

来自bootstrap-sass

bootstrap-sprockets 和 bootstrap 不应同时包含 应用程序.js。

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

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

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

【讨论】：