Блог

Главная - Вопросы по программированию - как исправить выпадающее меню boostrap 4 на внешнее ?

как исправить выпадающее меню boostrap 4 на внешнее ?

#css

#css

Вопрос:

я создаю левую панель, используя aside и bootstrap, могу ли я отобразить выпадающее меню на outside в сторону? мой текущий код в:https://jsfiddle.net/q79w5zbj/3

 <aside>(this button dropdown)<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
  <a class="dropdown-item" href="#">Action</a>
  <a class="dropdown-item" href="#">Another action</a>
  <a class="dropdown-item" href="#">Something else here</a>
</div>

я хочу выпадающее меню на outside в сторону, что не так с моим кодом?

Ответ №1:

dropdown-menu иметь position: absolute базу на классе dropdown с position: relative . Итак, если вы хотите dropdown-menu показывать outside aside , просто удалите тег overflow-y:hidden in aside .

Пример: https://jsfiddle.net/1hrvx9L3