我在我的dropdown-menu选项中添加了右对齐(pull-right)的bootstrap glyphicons。问题是最长的选项在名称和glyphicon之间会换行。我该如何让它们在同一行上?当我不使用pull-right时,一切都对齐得很完美。
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a
href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-haspopup="true"
aria-expanded="false">
menu
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
{foreach from=$item key=sub_title item=sub_item}
<li>
<a
href="{$sub_item.url}"
target="_blank">
{$sub_title}
<span class="glyphicon glyphicon-{$sub_item.icon} pull-right" aria-hidden="true"></span>
</a>
</li>
{/foreach}
</ul>
</li>
</ul>