html - 开箱即用的文字

Question

我正在使用 Twitter Bootstrap 和 CSS 来设置下拉菜单的样式。我有一个漂浮在左侧的子元素，然后是流向它右侧的文本。不幸的是，文本不会在包含框内流动并溢出。

我不确定这是 Twitter Bootstrap 问题还是仅仅是 CSS 问题(我知道最终是 CSS 问题，但也值得将其标记为 Twitter Bootstrap，因为我正在使用该框架)。

我已经尝试了几种组合，但显然不是实现我所追求的行为的正确组合。有谁知道如何解决这一问题？该问题的一个工作示例在这里:

http://ec2-54-215-108-9.us-west-1.compute.amazonaws.com/(点击右边的国际体操运动员链接)

这里还有一张展示问题的屏幕截图。 谢谢，

卡尔..

Answer 1

这是因为 TWBS 下拉列表中的链接有 white-space: nowrap; .

我能想到的最简单的解决方案是创建自定义 CSS 类:

.dropdown-menu > li > a.btn-wrap {
    white-space: normal;
}

然后添加 class="btn-wrap"给你的<a>元素