如上图，从左至右依次为移动版本平板电脑桌面浏览器的效果1响应式网页结构 首先，我们先来看下上面案例展示的html结构，如下图所示可以说这是一个很典型的博客模版结构一个wrapper容器包含了头部内容侧栏底部2Meta标签 其次就需要我们针对移动设备加入这个meta标签告诉webkit内核。

具体去bootstrap官网全局css样式查查，导航栏也有怎么用bootstrap设计一个登陆页面看一下具体的代码这里需要注意的是，那个模版，是在系列教程一中class=quotcontainerquot让页面能够做到居中注意该标签不能嵌套使用role属性是html5中新增的一个属性。

CSS Design Awards简介汇集欧美最具创意的CSS和网页设计，展示世界级知名网站，以及最新的CSS3HTML5技术特点洞悉国外设计师的手法和创意灵感Muuuuu简介日本垂直网站设计作品集地特点提供精确分类的日系设计风格参考，适合无灵感的设计师OnePageLove简介海量单页模版展示平台特点。

3BoilerplateBoilerplate是一个由PaulIrishGoogleChrome开发人员jQuery项目成员Modernizr作者yayQuery播客主持人主导的“前端开发模版”HTML5Boilerplate是一套具有非常多先进特性的框架，其特性简单介绍如下1由PaulIrish首创的在HTML页面的body上使用IE条件注释判断浏览器版本，从而大大简化了。

HTML5 Boilerplate 是一个由 Paul IrishGoogle Chrome 开发人员jQuery 项目成员Modernizr 作者yayQuery 播客主持人主导的“前端开发模版”HTML5 Boilerplate 是一套具有非常多先进特性的框架，其特性简单介绍如下由 Paul Irish 首创的在 HTML 页面的 body 上使用 IE 条件注释判断浏览器版本。

WPSH5是第5代HTML的简称，是一种具有跨平台性的，以H5语言制作的数字产品例如朋友圈的广告等大都是H5制作的使用WPSH5的方法1首先打开电脑中安装的WPSH5程序2然后在打开的H5程序页面中点击“创建空白画册”3然后根据需要选择“竖屏横屏或者长页面海报”作为制作的样式4进入。

2应该是软件的问题，可能是有些标签没有收录，所以提示不了，这样的话，这些便签只好自己记住了3如上图所示，先保存一个html文件，用sublimetext3打开在里面输入html不要复制这里的，要自己动手写，然后回车即可4你问的是文件后缀是吧直接保存为html就行了5有html5的模版需要重新。