Estoy aprendiendo Bootstrap. Me gustaría tener un botón con menú desplegable como el siguiente:

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

En lugar de menú desplegable, tengo<div> Con texto largo y otras etiquetas html. El problema es que probé diferentes reglas CSS y el texto largo se extiende más allá del<div> o hace que aparezcan barras de desplazamiento. Sólo quiero que el texto largo se ajuste bien a la<div> y desciende en función de la cantidad de texto.

¿Cómo puedo hacer esto?

¿Estoy utilizando el componente "menú desplegable" de forma incorrecta?