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>
6 回答
已采纳
小城阿哥
TA贡献89条经验 获得超59个赞
<span> 在CSS定义中属于一个行内元素,在行内定义一个区域,也就是一行内可以被 <span> 划分成好几个区域,从而实现某种特定效果。<span>本身没有语义。
你的代码中 span 代码下拉菜单右边的小箭头图标 同样 你可以更改类名 换成别的图标 比如 close
慕后端0270540
TA贡献1条经验 获得超0个赞
.caret{width:0;
height:0;
border-width:8px;
border-style: solid;
border-color:#666 transparent transparent transparent;}
border-width修改下拉箭头大小；
border-color修改箭头方向
- 6 回答
- 0 关注
- 19236 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消