Пункт меню навигационной панели всегда отображается - PullRequest
0 голосов
/ 10 июля 2020

Я хотел бы знать, как сохранить элемент меню, отображаемый на Bootstrap 4.5 панели навигации, даже когда отображается гамбургер (в свернутом состоянии)?

Существует пример codeply что заставляет элементы добавляться в раскрывающееся меню, но это не то, чего я добиваюсь. Вместо того, чтобы перегружать NavBar ссылками, в свернутом меню я хотел бы показать элемент меню Feature на панели Navbar, а остальные оставить такими, как они обычно, когда меню свернуто.

Навигационная панель по-прежнему рухнула с отображением двух элементов , но я просто хочу sh, чтобы там был только один элемент. Когда вы щелкаете по гамбургеру, все остальные отображаются, как в обычном Bootstrap 4.5 свернутом меню.

Моя панель навигации:

image

Это элемент КОНТАКТЫ, который я sh сохраняю в панели навигации в свернутом виде, как элемент FEATURED (забудьте элемент PRICING) в примере с кодом. Забудьте, пожалуйста, о части JQuery при добавлении их в раскрывающийся список.

Спасибо за внимание.

ОБНОВЛЕНИЕ

Поскольку исходный ответ я адаптировали его к тому, как у меня sh вещи, но это похоже на sh слизи. Любой способ ускорить или улучшить его с помощью классов CSS или Bootstrap?

Последний код:

image

CSS, чтобы удалить подчеркивание при отображении CONTACT рядом с Гамбургер, как я подчеркиваю, элементы в свернутом виде:

    .navbar-nav .bn {
    border-bottom: 0;
}
...