Eu estou aprendendo o Bootstrap. Eu gostaria de ter um botão com dropdown como o seguinte:

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

Em vez de menu suspenso, tenho<div> com texto longo e outras tags html. O problema é que eu tentei regras CSS diferentes e o texto longo se estende além do<div> ou faz com que as barras de rolagem apareçam. Eu só quero o texto longo embrulhar bem dentro do<div> e desce dependendo da quantidade de texto.

Como posso fazer isso?

Estou usando o componente "menu suspenso" da maneira errada?