美文网首页css我爱编程
如何给Bootstrap的默认主题换肤

如何给Bootstrap的默认主题换肤

作者: waynedeng | 来源:发表于2015-10-23 21:16 被阅读10296次

Bootstrap大大减少了我们花在UI上面的时间,不过标准化的界面用久了难免会有审美疲劳,其实要为Bootstrap进行一些个性化的配置是非常简单的。

例如在http://v3.bootcss.com/customize/ ,这个页面就可以自己去调整修改所有Bootstrap的参数,实现完全自定义个性化的配置。

不过对于我们这些码农,UI设计配色完全一窍不通,有没有�直接可以拿来即用的方案呢?这里要推荐的就是http://bootswatch.com/ 这个网站了!

Bootswatch这个网站提供了十几种配置好的配色方案,完全免费提供大家使用。

例如:

Cerulean
Cerulean

Cosmo
Cosmo

Cyborg
Cyborg

在Rails中使用的方法也很简单:

打开各个主题的页面,找到菜单里面的_variables.scss,把里面的内容放在assets/stylesheets里面的一个scss文件中,然后再引用@import 'bootstrap'即可!

相关文章

网友评论

    本文标题:如何给Bootstrap的默认主题换肤

    本文链接:https://www.haomeiwen.com/subject/ewtocttx.html