Question

我将Bootstrap安装到我的新项目中，bundler说在安装捆绑后所有gems都正确安装，但我的根页面上的测试h1没有以Bootstrap样式呈现。任何建议将不胜感激。

在我的Gemfile中：

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.1.8'
# Use sqlite3 as the database for Active Record
gem 'sqlite3'

# Use bootstrap for page stylings
gem 'bootstrap-sass', '~> 3.3.6'

# Use SCSS for stylesheets
gem 'sass-rails', '>= 3.2'

gem 'autoprefixer-rails'

gem 'sprockets'

我的application.css.scss：

 *= require bootstrap
 *= require_tree .
 *= require_
 */

@import "bootstrap-sprockets";
@import "bootstrap";

...最后，application.js：

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

Answer 1

可能是require文件中的application.css.scss行。

不要在Sass中使用* = require，否则您的其他样式表将无法访问Bootstrap mixins或变量。

你能检查一下吗？

Answer 2

我通过删除'coffee-rails'宝石并添加'coffee-script-rails'，'1.8.0'来解决我的Bootstrap问题;然后将application.html.erb中的stylesheet_link_tag从'default'更改为'application'。

Rails 4.1，Bootstrap 3.3无法正常工作

2 个答案: