2016-01-13 79 views
0

我已經按照指示在這個答案在我的Rails的安裝引導4應用:https://stackoverflow.com/a/20661571/2247192(代替在這個答案中引用的版本3.3.6引導程序),我以前用CDN版本Rails 4應用程序不包括引導CSS的資產?

,這是工作很好,但我有下拉菜單的問題,這似乎是使用CDN之前已經出現的問題,所以我想我會給這個鏡頭。

現在,我得到完全沒有風格的頁面,就好像根本沒有用於引導的CSS。

應用程序/資產/樣式表/ application.css:

*= require bootstrap.min 

body { 
    padding-top: 50px; 
    overflow: hidden; 
} 

應用程序/資產/ Java腳本/ application.js中:

//= require jquery 
//= require jquery_ujs 
//= require turbolinks 
//= require bootstrap.min 
//= require_tree . 

我必須在我的application.html任何改變。 erb除了刪除在線css的<script></script>標籤?添加任何<link rel=...>標籤?

回答

1

嘗試要求bootstrap代替bootstrap.min兩個JS和CSS清單文件

嘗試安裝引導作爲寶石

gem 'bootstrap-sass', '~> 3.3.6' 
gem 'sass-rails', '>= 3.2' 

,並按照指示here

0

爲了增加@Grammakov的回答,有一個更好的方法;使用Rails Assets

#Gemfile 
source 'https://rubygems.org' 
source 'https://rails-assets.org' 

gem 'rails-assets-tether' #-> bootstrap 4 requires 
gem 'rails-assets-bootstrap', ">= 4.0.0.alpha" 

這種技術的優點是,它實際上從引導回購拉動,而不是依賴於第三方的寶石。

集成到自己的應用程序,你必須使用以下命令:

#app/assets/javascripts/application.js 
//= require tether 
//= require bootstrap 

#app/assets/stylesheets/application.css 
/* 
    *= require bootstrap 
*/ 
相關問題