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。