我正在尝试使用Bootstrap的Less变量来自定义我的Rails应用程序的样式,这些变量可以在此处找到。我正在使用Bootstrap Sass,并将所有JavaScript、CSS和字体文件都包含在
我逐字遵循了Erik Minkel的教程,或者说是逐行遵循了他的代码。
在
在
上面的代码在我没有把Bootstrap资源文件放到我的vendor文件夹里面时可以正常工作。但是在我包含它们之后,这些样式就停止起作用了。
问题是这些样式都不在我的应用程序中起作用,而我无法确定出现了什么问题。
/vendor/assets
中。我逐字遵循了Erik Minkel的教程,或者说是逐行遵循了他的代码。
在
assets/javascript/application.js
中://= require jquery
//= require jquery.countdown
//= require bootstrap
//= require jquery_ujs
//= require tinymce-jquery
//= require jquery.turbolinks
//= require turbolinks
//= require masonry/jquery.masonry
//= require_tree .
在
assets/stylesheets/application.css
中。 *= require_tree .
*= require 'masonry/transitions'
*= require jquery.countdown
*= require bootstrap
*= require_self
*/
为了定制化,我在assets/stylesheet/
创建了一个bootstrap_and_customization.css.scss
文件,其内容如下:
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
$body-bg: #ecf0f1;
$font-family-sans-serif: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$navbar-height: 45px;
$navbar-default-bg: white;
$navbar-default-brand-color: black;
$brand-primary: #c0392b;
$jumbotron-bg: white;
$link-color: #e74c3c;
@import 'bootstrap';
上面的代码在我没有把Bootstrap资源文件放到我的vendor文件夹里面时可以正常工作。但是在我包含它们之后,这些样式就停止起作用了。
问题是这些样式都不在我的应用程序中起作用,而我无法确定出现了什么问题。
css.scss
文件,那就是我为自定义创建的bootstrap_and_customization.css.scss
。 - Cyzanfar.class_name{background: $body-bg;}
- Mandeep