下拉子菜单即使在添加到CSS并在html中实现后也不起作用

我正在使用bootstrap v3.0.0。我知道这不支持下拉子菜单。stackoverflow和其他来源上发布的许多解决方案提供了我添加到Bootstrap.CSS中的“下拉子菜单”CSS，并对HTML进行了更改

这是我的HTML：

 <li id="navPayments" class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Movies<b class="caret"></b></a>
        <ul class="dropdown-menu">
           <li class="dropdown-submenu">
               <a tabindex="-1" href="#">Scary</a>
               <ul class="dropdown-menu">
                   <li style="display: block; width: 100%">@this.Html.ActionLink("Voilent", "Voilent", "Movies")</li>
                   <li style="display: block; width: 100%">@this.Html.ActionLink("Extortion", "Extortion", "Movies")</li>
                   <li style="display: block; width: 100%">@this.Html.ActionLink("Evil", "Evil", "Movies")</li>
               </ul>
            </li>   
        </ul>
    </li>

---

我看到了电影的菜单，但当我悬停在上面时，它不会显示子菜单。我不确定我在这里错过了什么。而且它也没有显示“吓人”菜单旁边的小右箭头

看起来您正在使用
这是一个精简版†带有注释，因此您可以遵循每个规则：

HTML：

<!-- Parent Menu -->
<ul class="dropdown-menu" id="parentMenu"
    role="menu" aria-labelledby="dropdownMenu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>

    <!-- Child Menu -->
    <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><a href="#">Second level</a></li>
            <li><a href="#">Second level</a></li>
        </ul>
    </li>
</ul>

† 使用

pull left

类为左侧打开的菜单设置了酷而漂亮的格式。

---

将此版本与您的输出进行比较。
试着把它转换过来，直到它断裂，然后告诉我们你在哪里卡住了。

---

附言：看起来像是

把所有的东西都放在一把小提琴上怎么样？您说过您正在实施在上找到的解决方案，那么，哪些解决方案？另外，请小心-它们是-

子菜单，目前在web上没有太多的位置，尤其是在移动web上