Rails 4应用程序不包括资产中的bootstrap css？-Java 学习之路

我按照这个答案中的说明在我的Rails 4应用程序上安装bootstrap：https://stackoverflow.com/a/20661571/2247192（用Bootstrap 3.3.6代替本答案中引用的版本）

我之前使用的是CDN版本，它运行正常，但是我遇到了下拉菜单的问题，这似乎是在使用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 .

除了删除css在线的 <script></script> 标签之外，我是否必须更改application.html.erb中的任何内容？添加任何 <link rel=...> 标签？

2 回答

要添加到 @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
*/

回复于 2024-04-19T20:47:15+08:00

1
尝试在js和css清单文件中都需要 bootstrap 而不是 bootstrap.min

尝试安装bootstrap作为gem
```
gem 'bootstrap-sass', '~> 3.3.6'
gem 'sass-rails', '>= 3.2'
```
并按照说明here
回复于 2024-04-19T20:47:15+08:00

Rails 4应用程序不包括资产中的bootstrap css？

2 回答

相关问题