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

下面我們來看一個比較方便獲得這些boostrap主題與模板的方法1進入模板網站，選擇模板進入預覽界面，進入預覽界面后，按F12工具欄，瀏覽器底部出現開發者工具點擊工具欄Resource按鈕，可以看見網站的文件夾Frames以及所需圖片。

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

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

方法步驟 何為Bootstrap？ 簡潔的直觀的超牛的以移動設備優先的前端開發框架，讓web開發更迅速簡單他是Twitter推出的htmlcss的前端框架， 現在的網頁設計越來越多的平面化， 所以， 也就出現了一些平臺來做平面化。

Initializr 是一個可以讓你創建 HTML5 模板的網站，可以創建樣板 HTML5 模板，響應式的 HTML5 模板或 Twitter Bootstrap HTML5 模板#160#160#160HTML5 Demos 這里集合了一些基于 HTML5 的優秀的實驗演示，最。

Oxy是一套高質量的Sketch網站模板資源，應用于創意機構和工作室的網站制作該模板設計精美，具有現代和優雅的風格，并基于1170px Bootstrap網格建立該模板還包含PSD文件，并且是完全可定制的此外，組中的所有元素也可以通過。

Bootstrap是一個使用HTML，CSS，Sass，Less和JavaScript編寫的，免費和開源的，用于開發Web應用程序的前端框架它主要基于用HTML和CSS編寫的設計模板，使用不同的表單，基于JavaScript和其他組件的擴展相關視頻教程推薦Boot。

3Dreamweaver網頁制作軟件，該軟件已成為專業級網頁制作程序，支持HTMLCSSPHPJSP以及ASP等眾多腳本語言的語法著色顯示，同時提供了模板套用功能，支持一鍵式生成網頁框架功能是初學者或專業級網站開發人員必備之選擇工具。

4，Speckyboy 設計雜志 5，W3Layouts 網站模板 6，Designmodo 免費網站和郵件模板 7，Uplabs 手機程序UI靈感 8，A。

Bootstrap，來自 Twitter，是目前很受歡迎的前端框架Bootstrap 是基于 HTMLCSSJAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷 它由Twitter的設計師Mark Otto和Jacob Thornton合作開發，是一個CSSHTML框架Boot。

BootplyBootply使人們能夠理解Bootstrap，它以一種十分友好簡單的方式讓用戶編輯CSS，JavaScript和HTML 使用可拖放的可視化編輯器，可以即時設計和構建界面Bootply 有一個代碼存儲庫，里面包括了 Bootstrap 代碼片段，示例和模。

13 Bootstrap Designer Bootstrap Designer 是一個在線設計工具，可以制作出很漂亮的基于 Twitter Bootstrap 的 HTML5 模板可以創建不同的設計風格簡約風格，黑白，排版驅動的，單色的外觀，干凈及創意等14 Bootsnipp。

譯者李松峰 豆瓣評分57 出版社人民郵電出版社 出版年份201391 頁數118 內容簡介這本書教你怎么用Bootstrap框架輕松設計出“殺手級”界面及響應式網站從怎么用Bootstrap的HTMLCSS工具和現成模板構建頁面。

Initializr 是制作 HTML5 網站最好的入門輔助開發工具，你可以使用提供的特色模板快速生成網站，也可以自定義，Initializr 會為你生成代碼簡潔的可定制的網頁模板6WebStorm WebStorm是一款強大的HTML5JavaScriptWeb前端開發。

編寫代碼的軟件有不少WebStormSublimeHBuilderXEditplus和Dreamweaver等每個軟件各有優缺點我自己主要用Dreamweaver這個軟件，用習慣了有時用一下 HBuilderX。