twitter-bootstrap - ブートストラップ ドロップダウン: テキストをうまく折り返す方法

Question

ブートストラップを学んでいます。次のようなドロップダウン付きのボタンが必要です。

<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>テキストの量に応じて、長いテキストをうまく折り返して下に移動したいだけです。

これどうやってするの？

「ドロップダウンメニュー」コンポーネントを間違った方法で使用していますか?