【问题标题】:2 level drop down menu with existing template具有现有模板的 2 级下拉菜单
【发布时间】:2015-01-13 19:54:41
【问题描述】:

如果您能提供帮助,请提前感谢

http://www.portnine.com/bootstrap/AircraftAdmin/

我们已经购买了这个模板并使用这个模板开发了我们的管理面板,但是现在我们需要右上角的菜单为 2 级,有没有人可以提示我添加另一个的方向水平或显示代码,以便我了解从哪里开始

我已向开发者发送了一封电子邮件,但至今已 2 周未收到回复

非常感谢帮助

编辑 如果它可以做到这一点,我会非常喜欢它,所以当我滚动用户时,它会在左侧弹出一个新窗口

<ul id='main-menu' class='nav navbar-nav navbar-right'>
                <li class='dropdown hidden-xs'>
                        <a href='#' class='dropdown-toggle' data-toggle='dropdown'>
                                <span class='padding-right-small' style='position:relative;top: 3px;'></span>LEVEL 1
                                    <i class='fa fa-caret-down'></i>
                        </a>
                        <ul class='dropdown-menu'>

                                                     <li class='dropdown'><a href='#' data-toggle='dropdown'>Users</a>
                                                        <ul class='dropdown menu'>
                                                           <li><a>link 1</a><li>
                                                           <li><a>link 2</a><li>
                                                           <li><a>link 3</a><li>
                                                        </ul>
                                                    </li>

                        </ul>
                </li>
        </ul>   

【问题讨论】:

  • 您可以截屏并在该页面上标记您需要更改的具体内容吗?(使用绘画)
  • 刚刚编辑过 :-) 感谢您的帮助

标签: twitter-bootstrap


【解决方案1】:

好的,如果您想为用户添加二级下拉菜单,您只需添加一类下拉菜单。 如果您的下拉菜单的第二级是针对用户的,这就是我在下面所做的事情

 <li class="dropdown-submenu"><a href="#" data-toggle="dropdown">Users</a>
    <ul class="dropdown-submenu">
       <li><a>link 1</a><li>
       <li><a>link 2</a><li>
       <li><a>link 3</a><li>
    </ul>
</li>

【讨论】:

  • 用上面的新代码试过了,它不起作用,我更新我的帖子,用代码和截图
  • 使用下拉菜单代替下拉菜单。它应该工作@Nathan。刚刚编辑了我的帖子
  • 将其更改为下拉菜单,现在它只显示用户,但是当我滚动它时,它什么也不做@Code Enthusiast
  • @Nathan 尝试将下拉菜单更改为下拉子菜单,就像我刚刚在我的代码中编辑的那样
  • 刚刚将其更改为下拉子菜单,如果我在 css 中为下拉子菜单创建某些内容,它会返回执行与上面第二张照片相同的操作
【解决方案2】:

我找到了你需要的东西。

很像 jsfiddle,但专为引导程序构建。

http://www.bootply.com/RSD/0gMDXQS8uk

【讨论】:

  • 这不会为我显示导航栏以外的任何东西
  • 放置在已设置的实际导航栏中。我认为这是我们所有人都假设你已经拥有的。
  • 你有机会复制你的 .dropdown-submenu 代码吗?
  • 我编辑了我的答案。看看那个链接。我的模板被大量修改,我需要给你两个三百行的 css,以及一个或两个 js 文件。这是您拥有的纯引导程序。没有像我给你的那样高级修改。我道歉
  • 我已经到了这个阶段,但无法正确显示菜单bootply.com/mP3jrGlmXY# 所以现在我要放弃
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-06-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多