2017-08-17 2 views
3

Ich importiere Gem Dateien wie diese, aber die HTML-Dateien im Ordner anzeigen kann nicht die Bootstrap-navbar anzeigen.Bootstrap Gem funktioniert nicht

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' 

Dies ist die application.js-Datei meiner Anwendung.

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

Dies ist die application.scss-Datei meiner Anwendung.

@import "bootstrap-sprockets"; 
@import "bootstrap"; 
@import "font-awesome-sprockets"; 
@import "font-awesome"; 

.alert-alert { 
    @extend .alert-warning; 
} 

.alert-notice { 
    @extend .alert-info; 
} 

Es gibt keine Fehler in dieser Anwendung, aber Ansichtsdateien können die Bootstrap-Themen nicht verwenden. Zum Beispiel <ul> tag :<ul class="nav navbar-nav pull-right"> Es gibt keine Navbar im Browser. Ich benutze Chrome. Bitte helfen Sie mir, das Bootstrap-Thema in Rails4.0 zu verwenden.

Antwort

1

Aus den bootstrap-sass

Bootstrap-Ritzel und Bootstrap sollten nicht beide in application.js enthalten sein.

Bootstrap-Zahnräder bietet individuelle Bootstrap Javascript Dateien (alert.js oder dropdown.js, zum Beispiel), während Bootstrap eine verketteten Datei enthält alle Bootstrap Javascripts zur Verfügung stellt.

halten also eine von ihnen und entfernen Sie die anderen von application.js

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