ruby-on-rails – 我的Rails应用程序中的Bootstrap CSS在哪里？

发布时间：2020-12-17 03:37:29 所属栏目：百科来源：网络整理

导读：学习rails …所以我使用bootstrap-sass gem …实际的bootstrap CSS文件在哪里？似乎有某种魔法可以包含它们.如果我想调整CSS的属性怎么办…. 解决方法您正在使用许多Rails开发人员首选的 bootstrap-sass gem.因此Twitter Bootstrap CSS文件位于gem中(在vend

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

解决方法

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

开发人员使用gem来包含Bootstrap文件,因为通过简单地更新gem来释放新的Bootstrap版本会使事情更容易更新(加上gems是Rails方式,嗯？). bootstrap-sass gem很受欢迎,因为Sass是Rails中样式表的默认格式.另一种选择是twitter-bootstrap-rails gem,它使用本机Bootstrap LESS格式作为样式表.

使用gem,您需要修改文件app / assets / javascripts / application.js：

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

最佳做法是添加名为app / assets / stylesheets / bootstrap_and_overrides.css.scss的文件：

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

这显示了一个覆盖Bootstrap主体样式以添加填充以容纳Bootstrap导航栏的示例.然后只需在app / assets / stylesheets /中的其他文件中添加特定于应用程序的CSS(或Sass).

我写了一篇深入的文章：

Twitter Bootstrap and Rails

详细介绍了如何为Twitter Bootstrap设置应用程序布局,导航链接,Rails Flash消息和表单构建器.如果您想了解更多信息,本文可能会有所帮助.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!