我想在导航栏中的某个类别下创建一个下拉子类别

Question

我几乎创建了它，但在子类别中创建另一个子类别仍然是一个重要的部分。

​

​

在这张图片中，类别是“平台”，子类别是“PC”，我想在“PC”中创建另一个名为“游戏”的子类别。问题是，当我单击PC时，下拉菜单不起作用

​

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">    
<div class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">

                    <div class="navbar-header">
                        <button class="navbar-toggle" data-target="#mobile_menu" data-toggle="collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
                    </div>
                    <div class="navbar-collapse collapse" id="mobile_menu">
                        <ul class="nav navbar-nav">
                            <!-- from her -->
                            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Platforms<span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">PC<span class="caret"></span></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="#">game</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <!-- to here -->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

​

有什么建议来解决这个问题吗？

Answer 1

Bootstrap本身并不支持多级下拉。您可以尝试在代码中添加一些css和jquery来实现它们。这里有一个很好的w3schools解释，你可以参考一下：

https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_dropdown_multilevel_css&stacked=h