Bootstrap 長期專案開發使用總結No.4
阿新 • • 發佈:2018-12-03
- Bootstrap 佈局元件
- Bootstrap 外掛
針對以上不做介紹,這些是可以拿來就用的東西 後期可以根據需要繫結資料和處理
Bootstrap CSS編碼規範
語法
- 用兩個空格來代替製表符(tab) -- 這是唯一能保證在所有環境下獲得一致展現的方法。
- 為選擇器分組時,將單獨的選擇器單獨放在一行。
- 為了程式碼的易讀性,在每個宣告塊的左花括號前新增一個空格。
- 宣告塊的右花括號應當單獨成行。
- 每條宣告語句的
:
後應該插入一個空格。 - 為了獲得更準確的錯誤報告,每條宣告都應該獨佔一行。
- 所有宣告語句都應當以分號結尾。最後一條宣告語句後面的分號是可選的,但是,如果省略這個分號,你的程式碼可能更易出錯。
- 對於以逗號分隔的屬性值,每個逗號後面都應該插入一個空格(例如,
box-shadow
)。 - 不要在
rgb()
、rgba()
、hsl()
、hsla()
或rect()
值的內部的逗號後面插入空格。這樣利於從多個屬性值(既加逗號也加空格)中區分多個顏色值(只加逗號,不加空格)。 - 對於屬性值或顏色引數,省略小於 1 的小數前面的 0 (例如,
.5
代替0.5
;-.5px
代替-0.5px
)。 - 十六進位制值應該全部小寫,例如,
#fff
。在掃描文件時,小寫字元易於分辨,因為他們的形式更易於區分。 - 儘量使用簡寫形式的十六進位制值,例如,用
#fff
代替#ffffff
。 - 為選擇器中的屬性新增雙引號,例如,
input[type="text"]
- 避免為 0 值指定單位,例如,用
margin: 0;
代替margin: 0px;
。
視覺化佈局
http://www.runoob.com/try/bootstrap/layoutit/
Bootstrap END