首页 > 其他 > 详细

Bootstrap学习笔记(未整理)

时间:2014-03-16 05:54:51      阅读:510      评论:0      收藏:0      [点我收藏+]

强调class

这些class通过颜色来表示强调。也可以应用于链接,当鼠标盘旋于链接上时,其颜色会变深,就像默认的链接样式。

bubuko.com,布布扣
<p class="text-muted">...</p>
<p class="text-primary">...</p>
<p class="text-success">...</p>
<p class="text-info">...</p>
<p class="text-warning">...</p>
<p class="text-danger">...</p>
bubuko.com,布布扣

缩略语

鼠标悬停后会显示所有内容,但是要包含title属性

<abbr title="attribute">attr</abbr>

地址

让联系信息以最接近日常使用的格式呈现。在每行结尾添加<br>可以保留需要的样式。

bubuko.com,布布扣
<address>
  <strong>Twitter, Inc.</strong><br>
  795 Folsom Ave, Suite 600<br>
  San Francisco, CA 94107<br>
  <abbr title="Phone">P:</abbr> (123) 456-7890
</address>
bubuko.com,布布扣

内联列表

通过设置display: inline-block;并添加少量的内补,将所有元素放置于同一列。等同于float:left

<ul class="list-inline">
  <li>...</li>
</ul>

Bootstrap学习笔记(未整理),布布扣,bubuko.com

Bootstrap学习笔记(未整理)

原文:http://www.cnblogs.com/wickwang/p/3600625.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!