Как заставить Bootstrap навигационную панель расширяться перед содержимым без использования навигационной панели с фиксированной верхней - PullRequest
0 голосов
/ 03 апреля 2020

Я пытаюсь заставить мою bootstrap панель навигации расширяться перед содержимым страницы. В настоящее время, когда область просмотра становится достаточно маленькой и она сворачивается в тумблер гамбургера, при расширении она сдвигает содержимое страницы вниз. Я бы хотел, чтобы он расширялся перед контентом, а не сдвигался вниз. Я видел несколько похожих постов, в которых говорилось, что вы можете достичь этого, используя классы «с фиксированной вершиной», добавленные в панель навигации - я попробовал это, и это сработало, но я бы предпочел не иметь панель фиксированной вершины панели навигации и не могу понять как сделать так, чтобы он расширялся впереди, а не был фиксированным верхом. Я относительно новичок в HTML / CSS, поэтому прошу прощения, если я что-то упустил здесь. Код ниже.

image

1 Ответ

0 голосов
/ 03 апреля 2020

Вы можете сделать положение секции абсолютным и использовать контейнер-жидкость, чтобы заполнить ширину области просмотра. Z-индекс также понадобится, чтобы сделать функцию навигации и отображаться поверх другого контента. Попробуйте применить следующее к открывающему тегу раздела:

    <section class="navigation position-absolute container-fluid" style="z-index: 1;">
...