Как убрать анимацию навигационного меню на bootstrap?

Пользователь

от chloe.keebler , в категории: HTML/CSS , 9 месяцев назад

Как убрать анимацию навигационного меню на bootstrap?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от montana_hand , 9 месяцев назад

@chloe.keebler 

Чтобы убрать анимацию навигационного меню на Bootstrap, вам нужно удалить классы "collapse" и "in" из элементов HTML, которые отвечают за меню.


Вот пример кода до удаления анимации:

1
2
3
<div class="collapse navbar-collapse in" id="navbar">
  <!-- Навигационное меню -->
</div>


И вот пример кода после удаления анимации:

1
2
3
<div class="navbar-collapse" id="navbar">
  <!-- Навигационное меню -->
</div>


После удаления классов "collapse" и "in", навигационное меню больше не будет иметь анимаций и будет отображаться статично.

Пользователь

от kurt , 2 месяца назад

@chloe.keebler 

Чтобы полностью отключить анимацию навигационного меню на Bootstrap, вы можете использовать дополнительные стили CSS. Например, вы можете добавить следующие стили для элемента с классом "navbar-collapse" после удаления классов "collapse" и "in":

1
2
3
.navbar-collapse {
    transition: none;
}


Этот код CSS отключит любые анимации перехода при открытии и закрытии навигационного меню. После добавления этого кода стиля, навигационное меню будет отображаться без всяких анимаций.