图片，辅助类样式

图片样式

•  .img-responsive: 给图片加该样式可实现响应式布局
• .center-block:图片居中样式，
• 图片形状样式：.img-rounded(圆角图片) ， .img-circle(圆形图片)，.img-thumbnail(边框圆角）

辅助类样式

• 文本颜色：.text-muted(柔和类)  .text-primary .text-success  .text-info .

text-warning .text-danger

• 背景颜色：.bg-primary  .bg-success  .bg-info  .bg-warning  .bg-danger
• 三角符号：<span class="caret"></span>
• 快速浮动类：.pull-left(左浮动)     .pull-right(右浮动)
• 清除浮动：为父元素添加 .clearfix（可以清除浮动）
• 让内容块网页居中：<div class="center-block"></div>

用Ul做完后，给Li添加左浮动，会并列显示，

根据图片的大小定DIV宽度后，给父元素即DIV加类样式

Class="clearfix"