如何制作Bootstrap下拉菜单内容的全宽?

时间:2015-05-13 10:51:14

标签: html css twitter-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>

如何使Link123位于同一行,无论它有多宽dropdown-menu

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

我通过添加min-width: 200px;找到了一个修复程序,但这不是一个很好的解决方案,因为菜单可能包含或可能不包含数字计数,因此会留下空白。

更新: 似乎仅在Firefox中它会跳转到下一行,而Chrome会正确显示它。

1 个答案:

答案 0 :(得分:0)

这回答了我的问题:

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

似乎跨度右拉必须在文本之前出现。