5 Grayscale該模板是一個(gè)免費(fèi)的，多用途的單頁(yè)Bootstrap主題著陸頁(yè)模板，具有深色配色方案和流暢的滾動(dòng)動(dòng)畫該模板具有自定義按鈕樣式，固定的頂部導(dǎo)航，滾動(dòng)時(shí)折疊的導(dǎo)航設(shè)計(jì)，平滑滾動(dòng)動(dòng)畫等，這些設(shè)計(jì)使得該模板非常吸引人。

下面我們來(lái)看一個(gè)比較方便獲得這些boostrap主題與模板的方法1進(jìn)入模板網(wǎng)站，選擇模板進(jìn)入預(yù)覽界面，進(jìn)入預(yù)覽界面后，按F12工具欄，瀏覽器底部出現(xiàn)開發(fā)者工具點(diǎn)擊工具欄Resource按鈕，可以看見網(wǎng)站的文件夾Frames以及所需圖片。

class=quotcontainerquot讓頁(yè)面能夠做到居中注意該標(biāo)簽不能嵌套使用role屬性是html5中新增的一個(gè)屬性，可以讓你更好的自定義一些屬性供你使用class=quotformcontrolquot該標(biāo)簽是把一些表達(dá)標(biāo)簽的width都設(shè)置為100%其中btn是bootstrap。

role屬性是html5中新增的一個(gè)屬性，可以讓你更好的自定義一些屬性供你使用class=quotformcontrolquot 該標(biāo)簽是把一些表達(dá)標(biāo)簽的width都設(shè)置為100%其中btn是bootstrap中默認(rèn)定義的一個(gè)button也就是按鈕的樣式其中btnlg是指最。

方法步驟 何為Bootstrap？ 簡(jiǎn)潔的直觀的超牛的以移動(dòng)設(shè)備優(yōu)先的前端開發(fā)框架，讓web開發(fā)更迅速簡(jiǎn)單他是Twitter推出的htmlcss的前端框架， 現(xiàn)在的網(wǎng)頁(yè)設(shè)計(jì)越來(lái)越多的平面化， 所以， 也就出現(xiàn)了一些平臺(tái)來(lái)做平面化。

Initializr 是一個(gè)可以讓你創(chuàng)建 HTML5 模板的網(wǎng)站，可以創(chuàng)建樣板 HTML5 模板，響應(yīng)式的 HTML5 模板或 Twitter Bootstrap HTML5 模板#160#160#160HTML5 Demos 這里集合了一些基于 HTML5 的優(yōu)秀的實(shí)驗(yàn)演示，最。

Oxy是一套高質(zhì)量的Sketch網(wǎng)站模板資源，應(yīng)用于創(chuàng)意機(jī)構(gòu)和工作室的網(wǎng)站制作該模板設(shè)計(jì)精美，具有現(xiàn)代和優(yōu)雅的風(fēng)格，并基于1170px Bootstrap網(wǎng)格建立該模板還包含PSD文件，并且是完全可定制的此外，組中的所有元素也可以通過(guò)。

Bootstrap是一個(gè)使用HTML，CSS，Sass，Less和JavaScript編寫的，免費(fèi)和開源的，用于開發(fā)Web應(yīng)用程序的前端框架它主要基于用HTML和CSS編寫的設(shè)計(jì)模板，使用不同的表單，基于JavaScript和其他組件的擴(kuò)展相關(guān)視頻教程推薦Boot。

3Dreamweaver網(wǎng)頁(yè)制作軟件，該軟件已成為專業(yè)級(jí)網(wǎng)頁(yè)制作程序，支持HTMLCSSPHPJSP以及ASP等眾多腳本語(yǔ)言的語(yǔ)法著色顯示，同時(shí)提供了模板套用功能，支持一鍵式生成網(wǎng)頁(yè)框架功能是初學(xué)者或?qū)I(yè)級(jí)網(wǎng)站開發(fā)人員必備之選擇工具。

4，Speckyboy 設(shè)計(jì)雜志 5，W3Layouts 網(wǎng)站模板 6，Designmodo 免費(fèi)網(wǎng)站和郵件模板 7，Uplabs 手機(jī)程序UI靈感 8，A。

Bootstrap，來(lái)自 Twitter，是目前很受歡迎的前端框架Bootstrap 是基于 HTMLCSSJAVASCRIPT 的，它簡(jiǎn)潔靈活，使得 Web 開發(fā)更加快捷 它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開發(fā)，是一個(gè)CSSHTML框架Boot。

BootplyBootply使人們能夠理解Bootstrap，它以一種十分友好簡(jiǎn)單的方式讓用戶編輯CSS，JavaScript和HTML 使用可拖放的可視化編輯器，可以即時(shí)設(shè)計(jì)和構(gòu)建界面Bootply 有一個(gè)代碼存儲(chǔ)庫(kù)，里面包括了 Bootstrap 代碼片段，示例和模。

13 Bootstrap Designer Bootstrap Designer 是一個(gè)在線設(shè)計(jì)工具，可以制作出很漂亮的基于 Twitter Bootstrap 的 HTML5 模板可以創(chuàng)建不同的設(shè)計(jì)風(fēng)格簡(jiǎn)約風(fēng)格，黑白，排版驅(qū)動(dòng)的，單色的外觀，干凈及創(chuàng)意等14 Bootsnipp。

譯者李松峰 豆瓣評(píng)分57 出版社人民郵電出版社 出版年份201391 頁(yè)數(shù)118 內(nèi)容簡(jiǎn)介這本書教你怎么用Bootstrap框架輕松設(shè)計(jì)出“殺手級(jí)”界面及響應(yīng)式網(wǎng)站從怎么用Bootstrap的HTMLCSS工具和現(xiàn)成模板構(gòu)建頁(yè)面。

Initializr 是制作 HTML5 網(wǎng)站最好的入門輔助開發(fā)工具，你可以使用提供的特色模板快速生成網(wǎng)站，也可以自定義，Initializr 會(huì)為你生成代碼簡(jiǎn)潔的可定制的網(wǎng)頁(yè)模板6WebStorm WebStorm是一款強(qiáng)大的HTML5JavaScriptWeb前端開發(fā)。

編寫代碼的軟件有不少WebStormSublimeHBuilderXEditplus和Dreamweaver等每個(gè)軟件各有優(yōu)缺點(diǎn)我自己主要用Dreamweaver這個(gè)軟件，用習(xí)慣了有時(shí)用一下 HBuilderX。