twitter-bootstrap - Bootstrap 下拉菜单 : how to make text wrap nicely

Question

我正在学习 Bootstrap 。我想要一个带有下拉菜单的按钮，如下所示:

<div class="btn-group">
  <a class="btn dropdown-toggle btn-mini" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
  </a>
  <div class="dropdown-menu" style="width: 300px;">
    <div >

  Long text goes here.

    </div>
  </div>
</div>

而不是下拉菜单，我有 <div>带有长文本和其他 html 标签。问题是我尝试了不同的 CSS 规则并且长文本超出了 <div>或导致显示滚动条。我只想将长文本很好地包裹在 <div> 中并根据文本的数量下降。

我怎样才能做到这一点？

我是否以错误的方式使用“下拉菜单”组件？

Answer 1

只需添加 white-space: normal;给您的.dropdown-menu
Example fiddle