图片,辅助类样式
Posted 黑默
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片,辅助类样式相关的知识,希望对你有一定的参考价值。
图片样式
- .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"
以上是关于图片,辅助类样式的主要内容,如果未能解决你的问题,请参考以下文章