我如何在引导下拉菜单中添加图标
用户名
我有这个代码
<div class="btn-group" dropdown>
<button type="button" class="btn btn-danger">Action</button>
<button type="button" class="btn btn-danger dropdown-toggle" dropdown-toggle>
<span class="caret"></span>
<span class="sr-only">Split button!</span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
看起来像
我想像这样添加Text的cog insteaqd之类的图标
我试过了
<button type="button" class="glyphicon glyphicon-cog"></button>
但是不起作用
JHS
对于按钮，图标需要放在按钮内部作为按钮的内容，因此<button type="button" class="glyphicon glyphicon-cog"></button>应该
<button type="button" class="btn">
<span class="glyphicon glyphicon-cog"></span>
</button>
编辑：在Bootstrap中添加插入符号，您可以使用 <span class="caret"></span>
因此，获得带有齿轮和下拉式插入符号的按钮的最终结果是：
<button type="button" class="btn">
<span class="glyphicon glyphicon-cog"></span><span class="caret"></span>
</button>
当我将该代码粘贴到Bootstrap的主页中时，得到以下信息： 
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在引导导航栏下拉菜单中添加右上箭头
- 2
RoR-如何在下拉菜单中添加图标
- 3
RoR-如何在下拉菜单中添加图标
- 4
如何更改引导程序下拉菜单子图标？
- 5
如何在Zurb Foundation下拉菜单中添加溢出？
- 6
如何在HTML中添加下拉菜单？
- 7
如何在Wordpress主下拉菜单中添加类
- 8
如何在 HTML 表单中添加下拉菜单？
- 9
如何在我的下拉菜单中首先选择美国？
- 10
如何在引导程序下拉菜单项上添加与父项相同的宽度
- 11
如何在Tabpane引导程序上添加下拉菜单
- 12
如何在引导程序下拉菜单项上添加与父项相同的宽度
- 13
在React Bootstrap下拉菜单中添加图标
- 14
如何在菜单和下拉菜单之间添加空格
- 15
如何在Vue引导程序中的悬停上启用下拉菜单？
- 16
如何在引导Vue下拉菜单中像圆形一样设置按钮样式
- 17
如何在引导程序中的搜索框上启用下拉菜单
- 18
向引导下拉菜单添加图像
- 19
如何在下拉菜单中添加折叠子菜单？
- 20
如何从导航栏中的图标制作下拉菜单？
- 21
从引导导航下拉菜单上的菜单图标中删除悬停状态
- 22
如何在MaterializeCSS下拉菜单中创建子菜单？
- 23
如何在当前菜单中创建下拉菜单
- 24
我如何添加或追加多个下拉菜单
- 25
如何使用我当前的 CSS 添加下拉菜单？
- 26
使下拉菜单浮动在引导程序中
- 27
使下拉菜单浮动在引导程序中
- 28
Eclipse的下拉菜单中缺少图标
- 29
Eclipse：下拉菜单中的图标
我来说两句