bootstrap-sass 快速開始

方健發表於2015-03-09

使用bootstrap-sass可以對bootstrap的樣式按照自己的需要取捨和調整。

先安裝sass,compass 具體方法見官網
安裝bootstrap-sass並新建一個工程my-new-project

$ gem install bootstrap-sass
$ compass create my-new-project -r bootstrap-sass --using bootstrap
$ compass watch my-new-project    

定製化: 拷貝 _bootstrap.scss 為 my-new-project/sass/_bootstrap-custom.scss
修改my-new-project/sass/styles.scss中的 @import 'bootstrap' 為

@import 'bootstrap-custom';

然後修改_bootstrap-custom.scss可以取捨所需的bootstrap模組,修改_bootstrap-variables.sass可以調整顏色尺寸等。修改styles.scss可以影響最終生成的styles.css.

參考:

相關文章