Css 是否有引导垂直下拉响应菜单?

Css 是否有引导垂直下拉响应菜单?,css,twitter-bootstrap,twitter-bootstrap-3,responsive-design,Css,Twitter Bootstrap,Twitter Bootstrap 3,Responsive Design,像这一个,但垂直和引导式的风格?我不太擅长css,无法将其重新制作为引导风格(css代码太多) 谢谢只需添加data hover=“dropdown”您将data toggle=“collapse”更新:对不起,您刚才说的垂直我不明白,但现在我想我明白了。因此,下面将为您提供一个水平折叠,但您可以将其用作垂直菜单的一部分 您需要创建两个表。一个表包含所有按钮/链接,另一个折叠和取消折叠面板。例如,如果左侧表格上有10个按钮(10行,1列)。右手边的桌子上有10个可折叠的面板,给人一种垂直菜单的感

像这一个,但垂直和引导式的风格?我不太擅长css,无法将其重新制作为引导风格(css代码太多)


谢谢

只需添加
data hover=“dropdown”
您将
data toggle=“collapse”
更新:对不起,您刚才说的垂直我不明白,但现在我想我明白了。因此,下面将为您提供一个水平折叠,但您可以将其用作垂直菜单的一部分

您需要创建两个表。一个表包含所有按钮/链接,另一个折叠和取消折叠面板。例如,如果左侧表格上有10个按钮(10行,1列)。右手边的桌子上有10个可折叠的面板,给人一种垂直菜单的感觉。至少我会这样尝试:)

可折叠
一些文字。。

我不明白你的问题。Bootstrap的菜单已经折叠为垂直移动菜单,您可以使用嵌套元素或折叠方法来制作手风琴。下面是一个基本示例:@isherwood我想他指的是
垂直菜单
而不是
默认水平菜单
。链接页面上的菜单肯定不是垂直的(除了移动,就像Bootstrap一样). 非常需要澄清,而且这个问题可能已经脱离主题。只需从提供的链接中选择
垂直主菜单
,您就会知道他在寻找什么:)
<button class="btn" data-toggle="collapse" data-target="#demo">Collapsible</button>

<div id="demo" class="collapse">
Some text..
</div>