Bootstrap sass 1 安裝與基本結構

2021-07-17 00:10:59 字數 804 閱讀 4787

最近專案都在用bootstrap布局,每次改動和檔案組織總感覺不是那麼清晰明了,所以藉著該專案,重新整理一下sass,在網上發現有bootstrap-sass,已經整合好的乙個bootstrap的sass檔案,所以用這個框架對專案樣式部分又重新碼了一遍,感覺收穫還是蠻多的,就寫了一些總結,也算是對sass和bootstrap的一點回顧。

就從安裝sass開始吧。。

<1>sass的安裝

(1)ruby安裝

(2)sass安裝

安裝完ruby後再開始選單中找到ruby,開啟start command prompt with ruby。

然後在命令列輸入

gem install sass 

(3)sass的編譯(我一般都是scss,沒寫sass)

1,最常用的編譯在命令列下找到需編譯的scss檔案,輸入:

sass test.scss test.css

便可對了,之前我遇到問題就是下完之後可能仍不能編譯。提示no build system.

解決方法是,由於sublime有時不能自動識別scss語法,所以無法匹配編譯系統。直接在tool下面選擇build with ,在子選單選擇sass即可。

輸入gem install bootstrap-sass

即可。(5)bootstrao-sass結構

在 /assets/stylesheet/中,bootstrap資料夾和bootstrap.scss,bootstrap-compass都是我們核心檔案。

我們可以先來看下bootstrap.scss檔案。下面是對該檔案做的乙個簡單注釋,提取了主要的一些內容。

信安筆記1 關於IP

該筆記僅用於學習記錄,若有錯誤,請各位大佬不吝賜教qaq 拓撲圖 區域網一般稱為內網。構成 藍色 交換機 網線 pc 其他it中斷 交換機 用於組成區域網,組成區域網最重要的裝置,沒有交換機無法組成區域網 路由器 連線內網和外網,不能用於組成區域網。ip位址是唯一標識,是一段網路編碼,由三十二位組成...

學習安卓的小總結1

1.繫結事件,視窗跳轉,附帶資料傳輸 textview fatiezi textview findviewbyid r.id.fatie fatiezi.setonclicklistener new button.onclicklistener 2.接收資料 oncreate 函式下 bundle ...

安卓小菜鳥1 反編譯

第一步 準備好傢伙什兒 apktool1.5.2.tar.bz2 apktool install windows r05 ibot.tar dex2jar 0.0.9.15.zip dex2jar 0.0.9.15.zip csdn上有很多資源,就不提供鏈結了 第二步 解壓 其中前兩個記得要解壓到同...