bootstrap-sass 快速開始
使用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.
參考:
相關文章
- kafka快速開始Kafka
- AngularJS快速開始AngularJS
- [譯]Spark快速開始Spark
- DashText-快速開始
- silky微服務快速開始微服務
- Cordova快速開始(安卓篇)安卓
- Hbase快速開始——shell操作
- Airflow 中文文件:快速開始AI
- 快速開始grid佈局
- AngularJS教程一——快速開始AngularJS
- Draft 文件翻譯 - 快速開始 - 概念Raft
- SpringCloudConfig-快速開始SpringGCCloud
- 從演算法開始[快速排序]演算法排序
- 玩轉spring boot——快速開始Spring Boot
- 如何快速開始進行echart元件開發元件
- 快速開始HelloWorld和Python之禪Python
- 快速開始api開發(一)專案初始化API
- 快速開始api開發(四)登入與認證API
- gf 框架快速開始骨架 gf-start-kit框架
- Draft 文件翻譯 - 快速開始 - 基礎APIRaftAPI
- Detectron2 快速開始,使用 WebCam 測試Web
- 快速開始api開發(三)第一個介面-註冊API
- Spring Boot系列(一):Spring Boot快速開始Spring Boot
- 快速開始構建一個簡單專案
- 三個步驟,從零開始快速部署LoRaServerServer
- 從零開始:TensorFlow機器學習模型快速部署指南機器學習模型
- RubyGems 庫發現了後門版本的網站開發工具 bootstrap-sass網站boot
- 帶你從零開始,快速學會 Matlab GUIMatlabGUI
- 快速開始執行Hadoop的示例程式WordCountHadoop
- 快速提升職場效率:從整理任務清單開始
- 快速開始api開發(二)model 程式碼生成 與 依賴注入API依賴注入
- 快速開始api開發(六)檔案上傳,設定頭像API
- 快速開始api開發(五)定時任務 crontab 和 佇列 queueAPI佇列
- Scaled-YOLOv4 快速開始,訓練自定義資料集YOLO
- Go微服務框架go-kratos實戰01:quickstart 快速開始Go微服務框架UI
- 【Elastic-1】ELK基本概念、環境搭建、快速開始文件AST
- 從 0 開始使用 Docker 快速搭建 Hadoop 叢集環境DockerHadoop
- Win10開始選單快速解除安裝軟體方法Win10