如何給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,180評論 4 61
  • 在管理學中,根據把人的本性看作是向善的還是向惡的兩種不同認識,形成了兩種不同的理論:X理論和Y理論。X理論認為人是...
    啊姣閱讀 399評論 0 0
  • AdaBoost算法概述 當做重要決定時,大家可能都會征求多個專家而不是一個人的意見。機器學習處理問題時又何嘗不是...
    whybask閱讀 376評論 0 1
  • 瀘定橋上鐵索寒 康熙書寫長征難 飲馬滔滔大渡河 藏漢康定情義纏
    白虎節堂閱讀 250評論 0 5