我试图将一些图标添加到引导程序下拉菜单中(请参见下面的提琴) 正如您可以看到图标被添加,但它会将这些图标推到右侧,菜单项目不再与其他项目对齐。将图标添加到引导程序下拉菜单项
什么是适当的方法来做到这一点?
<div class="pull-left">
<div class="pull-right">
<div class="btn-group">
<a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#">
<span>Actions</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#"><i class="icon-ok"></i>Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li class="divider"></li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 5</a></li>
</ul>
</div>
</div>
我发布了一个答案,但重新阅读你的问题后,也许我没有回答你的问题。我不明白 - 右边有什么动作?你在说下拉图标吗?我的小提琴没有看到任何图标。 –
我已添加图片以显示我的意思 - 谢谢 –
我没有在您的小提琴上看到该复选框?我不会用''标签来做。在我的例子中使用背景图像,它不会重新定位文本。我手动将文本移动5个像素,但是如果您从我的答案中删除了“填充左侧”,它将不会移动... –