喜欢这个http://vadikom.github.io/smartmenus/src/demo/但垂直和Bootstrap风格?我不太擅长将它重新制作为Bootstrap风格(过多的css代码)。
由于
答案 0 :(得分:1)
只需将data-hover="dropdown"
添加到data-toggle="collapse"
。
答案 1 :(得分:1)
更新:对不起,当你说垂直时,我不明白,但现在我想我做了。因此,下面的内容将为您提供水平折叠,但您可以将其用作垂直菜单的一部分。
您需要创建两个表。一个表格保存所有按钮/链接,另一个表格折叠并取消折叠面板。例如,如果左侧桌子上有10个按钮(10行,1列)。您将在右侧桌子上放置10个可折叠面板,这样可以给人一种垂直菜单的印象。至少我会如何尝试:)
http://www.w3schools.com/bootstrap/bootstrap_ref_js_collapse.asp
<button class="btn" data-toggle="collapse" data-target="#demo">Collapsible</button>
<div id="demo" class="collapse">
Some text..
</div>