图片,辅助类样式

图片样式

  •  .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"

posted @ 2016-06-20 22:04  黑默  阅读(175)  评论(0编辑  收藏  举报