bootstrap前端開發(fā)框架插件有許多,小編為大家?guī)砹司W(wǎng)友分享的幾個bootstrap前端插件,免費提供下載,需要的朋友可以來下載使用!
Bootstrap前端開發(fā)框架介紹
Bootstrap是最受歡迎的HTML、CSS和JS框架,用于開發(fā)響應(yīng)式布局、移動設(shè)備優(yōu)先的WEB項目。
說白了就是:用于web網(wǎng)頁的控件、插件(能夠接收響應(yīng)的控件),該框架通過html、CSS來布局構(gòu)造控件,通過jQuery js腳本庫實現(xiàn)操作響應(yīng)。
Bootstrap編碼語法規(guī)范
HTML語法
1、用兩個空格來代替制表符(tab) -- 這是唯一能保證在所有環(huán)境下獲得一致展現(xiàn)的方法。
2、嵌套元素應(yīng)當(dāng)縮進一次(即兩個空格)。
3、對于屬性的定義,確保全部使用雙引號,絕不要使用單引號。
4、不要在自閉合(self-closing)元素的尾部添加斜線 -- HTML5 規(guī)范中明確說明這是可選的。
5、不要省略可選的結(jié)束標(biāo)簽(closing tag)(例如,</li> 或 </body>)。
CSS語法
1、用兩個空格來代替制表符(tab) -- 這是唯一能保證在所有環(huán)境下獲得一致展現(xiàn)的方法。
2、為選擇器分組時,將單獨的選擇器單獨放在一行。
3、為了代碼的易讀性,在每個聲明塊的左花括號前添加一個空格。
4、聲明塊的右花括號應(yīng)當(dāng)單獨成行。
5、每條聲明語句的 : 后應(yīng)該插入一個空格。
6、為了獲得更準(zhǔn)確的錯誤報告,每條聲明都應(yīng)該獨占一行。
7、所有聲明語句都應(yīng)當(dāng)以分號結(jié)尾。最后一條聲明語句后面的分號是可選的,但是,如果省略這個分號,你的代碼可能更易出錯。
8、對于以逗號分隔的屬性值,每個逗號后面都應(yīng)該插入一個空格(例如,box-shadow)。
9、不要在 rgb()、rgba()、hsl()、hsla() 或 rect() 值的內(nèi)部的逗號后面插入空格。這樣利于從多個屬性值(既加逗號也加空格)中區(qū)分多個顏色值(只加逗號,不加空格)。
10、對于屬性值或顏色參數(shù),省略小于 1 的小數(shù)前面的 0 (例如,.5 代替 0.5;-.5px 代替 -0.5px)。
11、十六進制值應(yīng)該全部小寫,例如,#fff。在掃描文檔時,小寫字符易于分辨,因為他們的形式更易于區(qū)分。
12、盡量使用簡寫形式的十六進制值,例如,用 #fff 代替 #ffffff。
13、為選擇器中的屬性添加雙引號,例如,input[type="text"]。只有在某些情況下是可選的,但是,為了代碼的一致性,建議都加上雙引號。
14、避免為 0 值指定單位,例如,用 margin: 0; 代替 margin: 0px;。
Bootstrap框架web組件介紹
Bootstrap中包含了豐富的Web組件,根據(jù)這些組件,可以快速的搭建一個漂亮、功能完備的網(wǎng)站。其中包括以下組件:下拉菜單、按鈕組、按鈕下拉菜單、導(dǎo)航、導(dǎo)航條、路徑導(dǎo)航、分頁、排版、縮略圖、警告對話框、進度條、媒體對象等
- PC官方版
- 安卓官方手機版
- IOS官方手機版