Html 开箱即用文本

我正在使用Twitter引导和CSS来设计下拉列表。我有一个浮动在左边的子元素，然后文本流到它的右边。不幸的是，文本没有在包含框内流动并溢出

我不确定这是一个Twitter引导问题还是一个CSS问题（我知道最终是一个CSS-isseu，但由于我使用了这个框架，所以也值得将其标记为Twitter引导）

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

（点击右边的国际体操运动员链接）

下面是一个屏幕截图，演示了这个问题。 谢谢

---

Karl..

这是因为TWB下拉列表中的链接有

空白：nowrap

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

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

然后将
class=“btn wrap”
添加到
元素中

.dropdown-menu > li > a ,
.btn.btn-default.btn-large.btn-left > span {
  white-space: normal;
}

我也会减少标签上的线高度
降低[.live mon]上的高度
删除a标记上的高度
增加标签顶部和底部的填充

.intl-link li a {
  overflow: hidden;
}
.intl-link li a {
  line-height: 19px;
}
.dropdown-menu.intl-link > li > a {
 padding: 7px 20px;
}
.live-mon {
 display: block;
 height: 62px;
 width: 92px;
}


你会得到这样的结果：

空白：nowrap*
这会让所有按钮都用空格换行，而不仅仅是他想要的那几个。回复到我最初的答案。我喜欢第一个链接的外观，但我没有得到和你一样的结果。。我失去了浮动效果，内容落在监视器图形下面，总宽度比这个小得多。我还在试验这个。当然，TWBS无包装是罪魁祸首，但仍然需要实现美观。我已经用一个可接受的修复程序更新了我的CSS default.CSS。谢谢你的帮助。