html - Bootstrap 3 Navigation多级下拉约5步

Question

当前使用的引导多级菜单需要帮助 http://www.bootply.com/66089有 3 步级别，但需要大约 5 步。我已经检查了 Iphone 和 android 它没有在响应中工作。

谢谢你提前

Answer 1

你需要像下面这样的东西吗:

<div class="navbar navbar-fixed-top">

  <div class="nav-collapse">
    <ul class="nav">
            <a class="brand" href="#">Present Ideas</a>
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Help</a></li>
            <li class="dropdown" id="accountmenu">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Account Settings<b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#">Login</a></li>
                    <li class="dropdown-submenu">
                      <a tabindex="-1" href="#">More options</a>
                      <ul class="dropdown-menu">
                        <li><a tabindex="-1" href="#">Second level</a></li>
                        <li class="dropdown-submenu">
                          <a href="#">More..</a>
                          <ul class="dropdown-menu">
                              <li><a href="#">3rd level</a>
                                <li class="dropdown-submenu">
                          <a href="#">More..</a>
                          <ul class="dropdown-menu">
                              <li><a href="#">4TH level</a></li>
                              <li><a href="#">4th level</a>
                                <li class="dropdown-submenu">
                          <a href="#">More..</a>
                          <ul class="dropdown-menu">
                              <li><a href="#">5TH level</a></li>
                              <li><a href="#">5th level</a></li>
                          </ul>
                        </li>
                            </li>
                          </ul>
                        </li>

                            </li>
                              <li><a href="#">3rd level</a></li>
                          </ul>
                        </li>
                        <li><a href="#">Second level</a></li>
                        <li><a href="#">Second level</a></li>
                      </ul>
                    </li>
                    <li><a href="#">Register</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Logout</a></li>
                </ul>
            </li>
        </ul>
    <ul class="nav pull-right">

    </ul>
  </div><!--/.nav-collapse -->
</div>

http://www.bootply.com/126711