Bootstrap修改caret大小

caret不是字体图标，不能通过width/font-size进行修改，caret的样式是由border属性进行控制的，查看bootstrap源码。

.caret {

display: inline-block;
width: 0rem;
height: 0rem;
margin-left: 0.125rem;
vertical-align: middle;
border-top: 0.25rem dashed;
border-top: 0.25rem solid;
border-right: 0.25rem solid transparent;
border-left: 0.25rem solid transparent;

}

bootstrap中默认caret为0.25rem，因此你可以在自定义中重新修改border属性大小，进行覆盖。

caret生成的是向下的三角，向上的三角需要与dropup连用，如:

控制向上三角的大小的，源码为:

.dropup .caret,

.navbar-fixed-bottom .dropdown .caret {

  content: "";

  border-top: 0;

  border-bottom: 0.25rem dashed;

  border-bottom: 0.25rem  solid ;

}

同样修改border大小就行