ruby-on-rails - Bootstrap CSS 在我的 Rails 应用程序中的什么位置？

Question

学习rails...所以我使用bootstrap-sass gem...实际的bootstrap CSS文件在哪里？似乎有某种魔法正在将它们包括在内。如果我想调整 CSS 的属性怎么办......

Answer 1

您正在使用 bootstrap-sass gem这是许多 Rails 开发人员的首选。因此 Twitter Bootstrap CSS 文件位于 gem 中(在 vendor/assets/stylesheets/ 中)。

开发人员使用 gem 来包含 Bootstrap 文件，因为当发布新的 Bootstrap 版本时，只需更新 gem 就可以更容易地更新(加上 gem 是 Rails 的方式，嗯？)。 bootstrap-sass gem 很受欢迎，因为 Sass 是 Rails 中样式表的默认格式。另一种选择是twitter-bootstrap-rails使用原生 Bootstrap LESS 格式的样式表的 gem。

使用gem，需要修改文件应用程序/ Assets /javascripts/application.js :

#app/assets/javascripts/application.js
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .

最佳做法是添加一个名为 的文件应用程序/ Assets /样式表/bootstrap_and_overrides.css.scss :

# app/assets/stylesheets/bootstrap_and_overrides.css.scss
@import "bootstrap";
body { padding-top: 60px; }
@import "bootstrap-responsive";

这显示了一个覆盖 Bootstrap 主体样式以添加填充以适应 Bootstrap 导航栏的示例。然后只需在 的附加文件中添加特定于应用程序的 CSS(或 Sass)应用程序/ Assets /样式表/ .

我写了一篇深入的文章:

Twitter Bootstrap and Rails

更详细地介绍了如何为 Twitter Bootstrap 设置应用程序布局、导航链接、Rails 闪存消息和表单构建器。如果您想了解更多，这篇文章可能会有所帮助。