In the previous article, I introduced to you the system template for creating a folded menu on the left (I). For details, please click to learn more.
1. About the previous article BUG
There are questions and bugs raised by several friends in the previous article. Let me briefly talk about them.
1>. IE version support?
These I wrote are just testing Firefox Google Browse. Code can be added under IE8+ for compatibility.
<!--[if lt IE 9]><script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script><script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script><![endif]-->
If you want to be compatible with the super browser IE6, please see: http://www.bootcss.com/p/bsie/
2>. Use of badge, thank you for the tips for baidixing
This depends on everyone's use habits.
3>. The fonts below the secondary menu of the sample code are not the same size on Firefox and Google , thanks for the pointing out by baidixing.
Since I was debugging on Google Browsing, chrome does not support fonts below 12px by default.
2. Full version of the folding menu on the left
Interested friends can click to view the effect demonstration: http://static.demo.ruyo.net/Bootstrap_left_menu.html2.html
1>. The arrow changes as the menu expands and merges
<a href="#systemSetting" data-toggle="collapse"><i></i>System Management<span></span></a><ul id="systemSetting" style="height: 0px;"><li><a href="#"><i></i>User Management</a></li><li><a href="#"><i></i>Menu Management</a></li><li><a href="#"><i></i>Role Management</a></li><li><a href="#"><i></i>Modify Password</a></li><li><a href="#"><i></i>Log View</a></li></ul> /*Control menu arrow*/.nav-header.collapsed > span.glyphicon-chevron-toggle:before {content: "/e114";}.nav-header > span.glyphicon-chevron-toggle:before {content: "/e113";}2>. Select the style in the secondary menu
.secondmenu a {font-size: 12px;color: #4A515B;text-align: center;}.secondmenu li.active {background-color: #eee;border-color: #428bca;}Wulin.com recommends bootstrap related topics:
BootStrap component operation skills
Summary of BootStrap related knowledge
The above is the relevant knowledge about Bootstrap creating a system template (II) on the left folding menu introduced by the editor. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to everyone in time. Thank you very much for your support to Wulin.com website!