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

Bootstrap学习 Glyphicons

时间:2014-05-28 20:31:16      阅读:405      评论:0      收藏:0      [点我收藏+]

标签:style   c   class   blog   code   java   

<span class="glyphicon glyphicon-search"></span>

不得不说够优雅,够内涵。

这个东西是能够通过外围设定的fon-size设定大小的,也就是所谓的矢量图。

另外这个东西后面如果有文本的话,需要在文本前面追加一个空格,来弥补一下padding(内补)。

bubuko.com,布布扣
<button type="button" class="btn btn-default btn-lg">
  <span class="glyphicon glyphicon-star"></span> Star
</button>
bubuko.com,布布扣

挺帅的~

的使用确实让人感到舒服:

<i class="icon-camera-retro"></i> icon-camera-retro
bubuko.com,布布扣
<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
bubuko.com,布布扣

icon-muted 

icon-border

icon-spin

 

 

Bootstrap学习 Glyphicons,布布扣,bubuko.com

Bootstrap学习 Glyphicons

标签:style   c   class   blog   code   java   

原文地址:http://www.cnblogs.com/voctrals/p/3754796.html

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