Bootstrap实现可折叠分组侧边导航菜单

2022-01-13,,,,

这篇文章主要介绍了Bootstrap实现可折叠分组侧边导航菜单的相关资料,需要的朋友可以参考下

效果图:

源码:

   表格 .panel-group{max-height:770px;overflow: auto;} .leftMenu{margin:10px;margin-top:5px;} .leftMenu .panel-heading{font-size:14px;padding-left:20px;height:36px;line-height:36px;color:white;position:relative;cursor:pointer;}/*转成手形图标*/ .leftMenu .panel-heading span{position:absolute;right:10px;top:12px;} .leftMenu .menu-item-left{padding: 2px; background: transparent; border:1px solid transparent;border-radius: 6px;} .leftMenu .menu-item-left:hover{background:#C4E3F3;border:1px solid #1E90FF;}       

分组1

分组2

内容

总结

以上所述是小编给大家介绍的Bootstrap实现可折叠分组侧边导航菜单,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对本站网站的支持!

以上就是Bootstrap实现可折叠分组侧边导航菜单的详细内容,更多请关注本站其它相关文章!

《Bootstrap实现可折叠分组侧边导航菜单.doc》

下载本文的Word格式文档,以方便收藏与打印。