html - 如何使内容的 Bootstrap 下拉菜单全宽？

Question

我在 bootstrap 中有一个 dropdown-menu，其内容为 pull-right，如下所示:

<ul class="dropdown-menu pull-right" role="menu">
<li><a href="">Link <span class="pull-right">123</span></li>
</ul>

如何使 Link 和 123 都在同一行，无论它拉多宽 dropdown-menu?

现在，如果它变得太宽，它似乎会将 123 向下推到下一行。

例如，我通过添加 min-width: 200px; 找到了一个解决方案，但这不是一个好的解决方案，因为菜单可能包含也可能根本不包含数字计数，因此它会留下空白空间。

更新:似乎只有在 Firefox 中它会跳到下一行，而 Chrome 可以正确显示。

Answer 1

这解决了我的问题:

https://github.com/twbs/bootstrap/issues/13876

似乎 span pull-right 必须出现在文本之前。