ruby-on-rails - 如何让 Ruby on Rails 输出 Bootstrap v3 脚手架?

标签 ruby-on-rails twitter-bootstrap ruby-on-rails-4 sass scaffolding

我希望能够使用 Bootstrap 3Sass在我的RoR项目并有脚手架生成器输出Bootstrap 3 HTML。我将 Ruby 2 与 Rails 4 一起使用。

没什么太花哨的——主要是让表单按钮有适当的 CSS 类。

我用过Rails Tutorial Sample App (ver 4)作为基础,其中包括 bootstrap-sass gem - 但是当我使用生成器时,HTML 没有正确的 Bootstrap 类 - 例如按钮没有 btn btn-default类(class)。

我意识到脚手架的行为与设计的一样,它是一个基础,并且可以定制(或替换) - 但似乎不难让生成的 HTML 也成为“Bootstrap Ready”

enter image description here

一个相关的问题有一个答案,其中有人提到编辑目录 lib/erb/scaffold 中的文件喜欢 edit.html.erb - 将覆盖 Rails 用于搭建脚手架的默认模板。我并不反对,但我希望可能会有类似 gem 的东西。已经这样做了。

我喜欢使用 bootstrap-sass gem,我希望有一个与之兼容的解决方案-我宁愿使用scssless
似乎应该有几个 gem 来做到这一点。

最佳答案

我遇到了同样的麻烦,但终于找到了:
https://github.com/decioferreira/bootstrap-generators

它包括 Bootstrap 3.1 并提供脚手架,您可以选择 haml 和 scss 以及其他选项。

例如当我做 rails g scaffold Link guid:string profile:string media_url:string
它自动产生了这个:

automatically scaffolded with Bootstrap 3

为 Heroku 用户编辑

我确实在将使用 Bootstrap 生成器(v3.1.1)的应用程序推送到 Heroku 时遇到了麻烦。 Heroku 给出了错误 File to import not found or unreadable: bootstrap.scss
修复结果是修改自动生成的 bootstrap-generators.scss 文件。更改@import "bootstrap.scss";@import "bootstrap"; (例如,只需删除扩展名)。

HEROKU 用户的新编辑
新的 gem 3.1.1.1 修复了这个错误。您不再需要更改 @import "bootstrap.scss";@import "bootstrap";在 bootstrap-generators.scss 文件中。

关于ruby-on-rails - 如何让 Ruby on Rails 输出 Bootstrap v3 脚手架?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21587526/

相关文章:

javascript - 如何在刷新时保留点击卡片的背景颜色?

javascript - CSS - 制作 algolia 下拉菜单,结果显示在 Bootstrap 导航栏的下拉菜单上

ruby-on-rails-4 - Pundit:授权嵌套资源中的索引

ruby-on-rails - 检查数组的每个元素是否包含在另一个数组的一组值中

ruby-on-rails - 在Rails中指定资源路线的简单方法

ruby-on-rails - FactoryGirl 生成的记录在 rspec 中消失

Bootstrap 弹出窗口( Bootstrap 框)内的 Javascript 事件不起作用

ruby-on-rails-4 - RSpec 3.4/Rails 4.2 : how to test view containing button_to

ruby-on-rails - 捕获所有异常并显示动态错误页面 Ruby on Rails 4

ruby-on-rails - Rails button_to正在调用POST操作,试图调用OUT操作