码迷,mamicode.com
首页 > 其他好文 > 详细

图片,辅助类样式

时间:2016-06-20 23:45:46      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:

图片样式

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

图片,辅助类样式

标签:

原文地址:http://www.cnblogs.com/black-humor/p/5601994.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!