Bootstrap provides a responsive navigation bar.
To add responsive features to the navigation bar, the content you want to collapse must be wrapped in <div> with classes. collapse and. navbar-collapse. The collapsed navigation bar is actually a button with class. navbar-toggle and two data-elements. The first is data-toggle, which is used to tell JavaScript what to do with the button, and the second is data-target, which indicates the element to switch. Create three <span> hamburger buttons with class. icon-bar. These will be switched to the elements in. nav-collapse <div>. To implement these functions, you must include the Bootstrap Collapse (Collapse) plug-in.
:
The following example demonstrates this:
<! DOCTYPE html>
The above is all the content of this article, hoping to help you learn.
Articles you may be interested in:
- Every day, Bootstrap must learn
- Navigation bar required by Bootstrap every day
- Bootstrap implements the default navigation bar Effect
- Operation methods of each element in the Bootstrap navigation bar (Form, button, text)