Twitter Bootstrap + Rails,你如何整合和修改它?

时间:2013-12-12 09:30:41

标签: css ruby-on-rails ruby-on-rails-3 twitter-bootstrap-3 twitter-bootstrap-rails

如何在Rails 3.2应用程序中自定义类似Twitter Bootstrap的内容?我已经拥有了gem('bootstrap-sass 3.0.3.0')。我是否只获得了Sass文件的副本而根本没有使用gem?我觉得我在这里遗漏了一些东西,因为我已经开始把重要的东西放在我的代码的CSS中了。 (我只是想把导航栏的颜色改成渐变。)

还有一种方法可以不使用整个框架吗?我觉得我不使用某些组件(CSS和JS)。

2 个答案:

答案 0 :(得分:0)

app/asssets/stylesheets/application.sass

$brand-primary: #829F21 !default
$brand-success: #771965 !default
$brand-warning: #A69E22 !default
$brand-danger:  #d9534f !default
$brand-info:    #5bc0de !default
@import "bootstrap"

变量列表https://github.com/thomas-mcdonald/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/_variables.scss

重要的是在导入bootstrap之前包含这些变量

如果您只想导入部分引导程序(如Readme page所述)仅包含您想要的部分

e.g。在app/assets/javascript/application.js

//= require bootstrap/scrollspy
//= require bootstrap/modal
//= require bootstrap/dropdown

答案 1 :(得分:0)

这只是我的错误。我只是没有复制我构建的静态网站原型的代码,我在我的Rails应用程序中有一个_variables.scss的副本。你知道的越多...... T_T