How to make a collapsible navbar?
To create a collapsible navigation bar, use a button with, data-toggle="collapse" and data-target="#thetarget" . Then wrap the navbar content (links, etc) inside a div element with , followed by an id that matches the data-target of the button: "thetarget".
What is hover effect on sidebar?
If you hover the sidebar, the icons along with text will slide from left to right. Else the icons alone will be visible. The hover effect is also given to every icon button. This page is made responsive by using HTML and CSS.