Свертывание navbar с angular7 и Bootstrap4

Question

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

Я следовал этому уроку: https://angularfirebase.com/lessons/bootstrap-4-collapsable-navbar-work-with-angular/#ui-top-nav-component-html и мне удалось это сделать.Однако, как вы можете видеть в примере, сначала появляется блок, а затем скользящий текст.Конечно, я хотел бы, чтобы текст и блок скользили одновременно, как в документации по начальной загрузке ( Bootstrap navbar ) - чтобы увидеть его, вам просто нужно уменьшить окно и нажать кнопку навигационной панели, чтобысм. меню плавно сворачивается.

Возможно ли это с помощью анимации или другим способом?

Answer 1

Вы можете сделать это с помощью угловой анимации или чистого CSS.Достаточно переключить класс с высотой перехода на div с .navbar-collapse class.

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