Раскрывающийся список начальной загрузки: как красиво обтекать текст
Я учусь 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>
и понижается в зависимости от количества текста.
Как я могу это сделать?
Я неправильно использую компонент «выпадающее меню»?