3.2.4　缩略语

Bootstrap在abbr元素上实现了缩略词的功能，即鼠标移动到缩略词上时，就显示声明在title里的属性值。效果为：缩略词下面有虚横线，鼠标移动到缩略词上时有手形图标。其源码如下所示：

  1. // 源码621行
  2. abbr[title],
  3. abbr[data-original-title] {
  4.   cursor: help;
  5.   border-bottom: 1px dotted #999999;
  6. }
  7. .initialism {
  8.   font-size: 90%;  text-transform: uppercase;
  9. }

从源码可以看出，有两种方式可以使用，一种是直接使用abbr，另外一种是应用.initialism样式以使字体稍微缩小一点。

  1. <abbr title="JavaScript设计模式是一本专门讲解设计模式的专业书籍">JavaScript设计模
  2.         式</abbr>
  3. <abbr title="HyperText Markup Language" class="initialism">HTML</abbr>