How to customize bootstrap sidebar/sidenav?
To create a menu as shown below.
The top item has a dropdown as shown in mage. And Next items in menu should come below this.But this is what I get when I use the css.
Menu Item overlaping the other.
Here is the bootstrap code:
Here is my code:
The css class in bootstrap setting the position is
affix I belive.
The css of docs.css of twitter bootstrap is this
Anyone please help to solve this issue as soon as possible.
You are using
span3 on both of your menus. That means the second menu will be placed on the next grid on the right, not below the first menu.
I believe you should start like this-
Now apply some CSS on the second menu e.g.
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here