【问题标题】:Is there a Bootstrap vertical dropdown responsive menu?是否有 Bootstrap 垂直下拉响应菜单?
【发布时间】:2015-09-24 04:00:05
【问题描述】:

喜欢这个http://vadikom.github.io/smartmenus/src/demo/ 但垂直和引导风格?我不太擅长将 css 改造成 Bootstrap 样式(css 代码太多)。

谢谢

【问题讨论】:

  • 我不明白你的问题。 Bootstrap 的菜单已经折叠成一个垂直的移动菜单,你可以使用嵌套元素或折叠方法来做手风琴。
  • 这是一个基本示例:bootply.com/render/QutOBjvgha
  • @isherwood 我认为他的意思是Vertical Menu 而不是Default Horizontal Menu
  • 链接页面上的菜单肯定不是垂直的(除了移动设备,比如 Bootstrap)。迫切需要澄清,而且这个问题可能无论如何都跑题了。
  • 只需从提供的链接中选择Vertical Main Menu,您就会明白他在寻找什么:)

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


【解决方案1】:

只需将data-hover="dropdown" 添加到您要放置data-toggle="collapse" 的位置即可。

【讨论】:

    【解决方案2】:

    更新:对不起,当你说垂直时我不明白,但现在我想我明白了。因此,下面将为您提供水平折叠,但您可以将其用作垂直菜单的一部分。

    您需要创建两个表。一个表格包含所有按钮/链接,另一个表格折叠和取消折叠面板。例如,如果您在左侧表上有 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>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-01-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多