网页在手机上显示——响应式CSS框架Bootstrap

div响应式容器

<div class=“container-fluid”>

图片自适应各种客户端

<img class = img - responsive src = " 图片地址“>

标题居中

<h 2 class = “text - center” >标题内容</h 2>

好看的button

<button class = “btn”>好看的按钮

好看块级元素的button

<button class = “btn btn-block”>好看是块的按钮</button>

好看块级元素深蓝色的button

<button class = “btn btn-block btn-primary”>深蓝</button>

好看块级元素浅蓝色的button

<button class = “btn btn-block btn-info”>浅蓝按钮</button>

好看块级元素红色的button

<button class = "btn btn-block btn-danger>红色</button>

块内的块变成行内属性可以排成一行（适用表单按钮选项）

<div class = “row”></div>

按钮布局(常和class=row搭配使用)

<div class = “col-xs-数字指列宽”>针对小屏幕如手机</div>
<div class = “col-md-数字”>针对中屏幕如笔记本</div>

在按钮使用Font Awesome图标

<button><i class=“fa fa-info-circle”>Info</i></button>

<button><i class=“fa fa-thumbs-up”>Like</i></button>

<button><i class=“fa fa-trash”>Delete</i></button>

<div class=“well”></div>

<div class=“well”><\div class="btn btn-default></div></div>