Bootstrap学习 Glyphicons

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

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

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

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

<button type="button" class="btn btn-default btn-lg">
  <span class="glyphicon glyphicon-star"></span> Star
</button>

挺帅的~

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

<i class="icon-camera-retro"></i> icon-camera-retro
<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>

icon-muted 

icon-border

icon-spin

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