是否有Bootstrap垂直下拉响应菜单?

时间:2015-09-23 19:00:47

标签: css twitter-bootstrap twitter-bootstrap-3 responsive-design

喜欢这个http://vadikom.github.io/smartmenus/src/demo/但垂直和Bootstrap风格?我不太擅长将它重新制作为Bootstrap风格(过多的css代码)。

由于

2 个答案:

答案 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>