新手问题 我想定制 Bootstrap 怎么弄?

itsvoid · 2012年09月02日 · 最后由 tassandar 回复于 2012年09月02日 · 11092 次阅读
共收到 10 条回复

你只要新建一个css文件,在application.css中确保这个css文件在bootstrap之后被加载,就能在这个css文件中override掉bootstrap中任何你想要改变的地方。

这需要我晓得颜色变量的名字?然后在我的css中,覆盖这个变量值即可?

#2楼 @itsvoid 哦,你是希望直接修改sass中的变量,这个我没有尝试过。我是直接通过CSS的方式去覆盖,楼下有经验的麻烦解释一下怎么重定义sass变量。

我记得在哪里看到过gem package,是不是打个包啥的,放到vendor目录?

#2楼 @itsvoid 要不你看一下我这个专门的bootstrap-rails项目?我用的Gems是anjlab-bootstrap-rails,然后这个是定制颜色的递交。整个项目已经升级到Bootstrap 2.1最新版了。

#5楼 @ericguo OK,我先看看。

#5楼 @ericguo 你是把bootstrap的变量都导出来放到assets/stylesheet下面的一个文件中,然后import使用,是吗?

#7楼 @itsvoid

我是抄bootswatch的United模板,然后先于bootstrap导入这些定义:

// app/assets/stylesheets/app_bootstrap.css.scss
@import "variables-united";
@import "bootswatch-united";

// import original bootstrap
@import "twitter/bootstrap";
@import "twitter/bootstrap-responsive";

bootstrap-sass中有个_variables.scss , 是所有bootstrap的变量。 凡是在SCSS中声明带了 !default 指示字的,都只要把你定义变量的SCSS写在前面,都会直接用你的变量编译的。你参照上面的文件,建立一个自定义的变量文件,放在整个bootstrap引用之前。

less 的话直接 在http://twitter.github.com/bootstrap/customize.html 定制就可以了 bootstrap-rails 是通过自己选定文件 require 或者 import 来定制

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册