Collapsible navigation bar
We wrote the navigation bar in the previous section, but we will find that although the navigation bar is It has been retracted, but the filled-in navigation columns are no longer visible when the page is reduced.
This is what the normal display looks like
When zoomed out
Our navigation column has disappeared, how should we solve it.
Create a collapsible column:
Use the navbar-toggle method that comes with the plug-in to operate
<button type="button"class="navbar-toggle"data-toggle="collapse" data-target="#navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<span class="icon-bar"></span>
One statement represents one line, three statements represents three lines, the effect is as follows
##In this way, our navigation bar is complete.
Difficulties in this chapter: