美文网首页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