Почему не срабатывает 100vh для .collapse.in Bootstrap?

Question

[HelenaS]

Доброго дня!
Есть Bootstrap меню с .navbar-fixed-top. На мобильных, когда оно открываеться, мне нужно, что бы открытое меню занимало всю высоту экрана. Для этого .navbar-collapse collapse in, я задала высоту 100vh. При клике, меню открываеться на всю высоту экрана, но делает оно это почему в два этапа: сначала открваються все пункты меню, а затем закрывается все экран.
Min-height, max-height 100% уже задавала.
Может есть какие-то идеи как исправить это поведение?

Answer 1

[Михаил Власов]

Нужно ставить min-height или просто height 100vh, но еще все зависит от того, как стилизован бутстреповский элемент, меню, может, и будет занимать всю высоту экрана, но вы не заметите этого, т.к. элементы внутри него прижаты к верхней границе. Я бы для решения этой проблемы порекомендовал flex, все здесь я объяснить не могу, поэтому лучше вам обратиться к документации по этому инструменту.

Comments

[HelenaS]

Спасибо за рекомендации)