<span class="caret"></span>这个是什么意思？

Question

RT如题，不懂这个放在那里的效果

<div class="dropdown">

  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">

    下拉菜单

    <span class="caret"></span>

  </button>

  <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu1">

    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

    <li role="presentation" class="divider"></li>

    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

  </ul>

</div> 

Answer 1

<span> 在CSS定义中属于一个行内元素,在行内定义一个区域,也就是一行内可以被 <span> 划分成好几个区域,从而实现某种特定效果。<span>本身没有语义。你的代码中 span 代码下拉菜单右边的小箭头图标   同样 你可以更改类名  换成别的图标  比如 close

Answer 2

表示这是一个三角符号，

Answer 3

得看 css设置了什么样式

Answer 4

.caret{width:0;height:0;border-width:8px;border-style: solid;border-color:#666 transparent transparent transparent;}border-width修改下拉箭头大小；border-color修改箭头方向

Answer 5

通俗的讲 你可以理解为这是一个调用图标的一段代码而“caret" 就是这个图标ID