图片,辅助类样式

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"

以上是关于图片,辅助类样式的主要内容,如果未能解决你的问题,请参考以下文章

54 前端--Bootstrap框架

怎样在css样式的盒子里添加图片啊?就比如是这样的

UIWebView 段落选择样式

css:利用伪类处理图片加载失败的样式问题

怎样在css样式的盒子里添加图片啊?就比如是这样的

django 应用基于条件的样式类