The button is defined by the two classes.navbar-brand is the piece that represents the brand of yours. It's a place where you place your logo or a brand name. Let's see what navbar brand and navbar toggle button do. It wraps both navbar brand and navbar toggle button and renders them properly. navbar-header is the second one main components of the navbar. container div, it depends on the width you need, no limitations. container-fluid by default, it should be included right behing the parent element ( nav.navbar) and wrap all navbar contents. Navbar Components:īootstrap's navbar consists of 3 main components which are:īootstrap also provides some helper utilities, we will have a look at them as well.īootstrap navbar uses. That's due to identifying it as a landmark region for users of assistive technologies. If you prefer to use a generic element such as, add a role="navigation" to every navbar too. To make your navbar accessible be sure to use element for the navbar parent element. ![]() They begin collapsed (and are toggleable) on mobile devices and become horizontal blocks as the available viewport width increases. Navbars are responsive meta components that serve as navigation headers for your application or site.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |