3.8.2　辅助图标

本小节主要讲述常用的关闭和向下箭头两种辅助图标。

1.关闭图标

关闭图标的初始代码在单独的close.less文件中定义，其有以下两种使用方式：

关闭图标的源码较为简单，这里就不详述了，请参见CSS文件的5068～5092行。

2.向下箭头

在下拉菜单中经常看到表示向下效果的小箭头，Bootstrap专门为此提供了一个caret样式，其使用方式非常简单，直接在相应的span（或其他元素）上应用该样式即可。

向下箭头的实现原理是在行内块级元素上，通过定义border-top、border-left、border-right来实现。具体源码如下：

// 源码2985行
.caret {                                                /*向下箭头*/
  display: inline-block;
  width: 0;  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}