Раскрывающийся список начальной загрузки: как красиво обтекать текст

Я учусь 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> и понижается в зависимости от количества текста.

Как я могу это сделать?

Я неправильно использую компонент «выпадающее меню»?

Ответы на вопрос(4)

Ваш ответ на вопрос