• HTML5 文档类型（Doctype） 

• <!-- 包含头部信息用于适应不同设备 -->
      <meta name="viewport" content="width=device-width, initial-scale=1">  initial-scale=1.0 确保网页加载时，以 1:1 的比例呈现，不会有任何的缩放。device-width能正确呈现在不同设备上。
• 图像

img-responsive 图片响应式样式，应用这个样式以后，图片就会变成响应式图片。实现响应式图片水平居中，那么我们要使用 .center-block 类，不要用 .text-center ，.img-circle让图片变成椭圆

<img src="cinqueterre.jpg" class="center-block img-responsive img-circle" alt="Cinque Terre" width="304" height="236">

• alt 如果无法显示图像，浏览器将显示替代文本 
• Bootstrap中的Glyphicon 字体图标

 <p>云图标: <span class="glyphicon glyphicon-cloud"></span></p> 

• 表格 

table-responsive 创建响应式表格