Bootstrap 4 Navbar с контейнером, выравнивание по выпадающему меню - PullRequest
0 голосов
/ 14 февраля 2020

Я хотел бы ограничить содержимое главной панели навигации контейнером, я видел, как это было сделано в видео, и я также прочитал учебник, который можно сделать, но так ли это? В обоих случаях они не использовали выпадающие списки. Содержимое правильно выровнено по правому и левому краям, но с разрешением рабочего стола, большим, чем у контейнера, раскрывающийся список, который у меня есть полностью вправо, отображается выровненным по странице, а не к контейнеру.

Раскрывающийся список использует класс dropdown-menu-right, который устанавливает left: auto и right: 0, имеет смысл, что он выровнен по странице, очевидно, если я удаляю его, он полностью выровнен по левому краю страницы, есть способ с bootstrap классов, без странных взломов, чтобы держать его выровненным по контейнеру?

Я использую svelte с sveltestrap, сгенерированный html кажется мне нормальным navbar, но я мог что-то пропустить, Некоторое время я бился головой.

svelte repl

1 Ответ

2 голосов
/ 14 февраля 2020

Добавить позицию класса относительно контейнера. Меню выровняется в соответствии с контейнером.

<div class="container position-relative"></div>
...