2016-01-13 49 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 
*/ 
相关问题