ng-bootstrap HomeBasicAlertFormsFloating labelsInput groupMulti-rangeRangeSelectRadioCheckboxDatepickerTimepickerDateTime pickerContainersGridCardAccordionTab controlRatingBadgeBreadcrumbButton groupButton typeCalendarMarqueeList groupTreeviewTree selectTableCarouselClosePaginationPlaceholderSpinnerColor pickerProgress barFor directiveIconOverlaysModalsOffcanvasTooltipToastPopoverDropdownTypeaheadContext menuShellDropdown menu (WC)AdvancedCopyCode snippetPipesTrust-htmlSplit-stringLinifySlugifyWord-countFont-colorHas-propertyToggle buttonsSticky footerAutofocusTrackBySplitterAsync HostBindingInstance ofIs interfaceResizableOrdinal numbersMarkdownParallaxPriority navigationScrollspyFile uploadSignature padLazy-loading componentsUser-agentNavigation lockNavigation lock (master/detail)EnterpriseSchedulerTimelineDockRibbonTile managerDatatablesFile managerQuery builderOTP inputNavbarAnimationsSlide up/downFade in/outColor transitionAdditional samplesCollapseFocusTrapDrag-dropTree-select drag-dropQR-code viewerSwiperStepperThemingAnchor scrollingSection 1Section 2Section 3Section 4Section 522.5.0

Navbar

bs-navbar is the Angular wrapper around the framework-agnostic <mp-navbar> web component. The bar chrome, the responsive collapse (a pure-CSS state machine), the hamburger toggle and the theme-aware styling all live in the WC. Mark the brand with bs-navbar-brand, group entries in a bs-navbar-nav (align="end" pushes a group to the far edge), and use bs-navbar-item for every entry — directly in a group as a nav-link, or inside a bs-navbar-dropdown as a menu item; the same element adapts to where it is authored. A dropdown's trigger is the element marked bsNavbarDropdownLabel — any HTML (give an icon-only label an aria-label). Toggling the collapse fires (expandedchange).

Basic usage