Ich lerne Bootstrap. Ich hätte gerne eine Schaltfläche mit einer Dropdown-Liste wie der folgenden:

<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>

Statt Dropdown-Menü habe ich<div> mit langem Text und anderen HTML-Tags. Das Problem ist, dass ich verschiedene CSS-Regeln ausprobiert habe und der Langtext entweder über das hinausgeht<div> oder bewirkt, dass Bildlaufleisten angezeigt werden. Ich möchte nur den langen Text schön in den Zeilenumbruch einfügen<div> und sinkt je nach Textmenge.

Wie kann ich das machen?

Verwende ich die Dropdown-Menü-Komponente falsch?