引导宝石不起作用

Posted 2023-03-05

【中文标题】引导宝石不起作用

【英文标题】：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 主题。

【参考方案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 .