如何给Bootstrap的默认主题换肤

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

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

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

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

例如:


Cerulean


Cosmo


Cyborg

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 10,917评论 3 184
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,200评论 4 61
  • 在管理学中,根据把人的本性看作是向善的还是向恶的两种不同认识,形成了两种不同的理论:X理论和Y理论。X理论认为人是...
    啊姣阅读 403评论 0 0
  • AdaBoost算法概述 当做重要决定时,大家可能都会征求多个专家而不是一个人的意见。机器学习处理问题时又何尝不是...
    whybask阅读 376评论 0 1
  • 泸定桥上铁索寒 康熙书写长征难 饮马滔滔大渡河 藏汉康定情义缠
    白虎节堂阅读 250评论 0 5