我正在尝试在我的rails(4.0.0)项目中使用bootstrap-sass(3.1.0.2)和sass-rails(4.0.1) .
我的application.css.scss文件如下所示:
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the top of the
* compiled file, but it's generally better to create a new file per style scope.
*
*= require_self
*= require font-awesome
*= require_tree .
*/
我的bootstrap_and_overrides.css.scss文件位于stylesheets文件夹中,如下所示:
@import "bootstrap";
我有一个测试页面设置试试这个:
<div class="container">
<h2>test terms</h2>
<h1>h1. Bootstrap heading <small>Secondary text</small></h1>
<p class="bg-primary">.dfd..</p>
<p class="bg-success">..sdfas.</p>
<p class="bg-info">..sdfs.</p>
<p class="bg-warning">.asdf..</p>
<p class="bg-danger">.adf..</p>
<p>test terms</p>
<button type="button" class="btn btn-primary">Default</button>
</div>
<button type="button" class="btn btn-info">Info</button>
当我启动服务器并访问该页面时,它以纯文本呈现,没有引导程序样式 .
任何关于该做什么的想法都将受到赞赏 . 看来这里的一些人不使用宝石 . 这种方法有原因吗?非常感谢!
2 回答
几天前我遇到了几乎同样的问题 . 我的配置完全相同,但只有少数Bootstrap的样式效果不起作用(尤其是bg-whatever-color) . 几个宝石更新后,问题消失了 .
我更新了一些我的宝石
别忘了:
我的application.scss的一部分给你一个想法
希望能帮助到你!
这是我的设置https://github.com/twbs/bootstrap-sass:
require_tree .
已禁用,但导入单个CSS文件(base
,events
) .