html - Bootstrap ASP.net MVC ドロップダウン メニューが表示されない

Question

これは、サイトのメニューを生成する部分ビューです。

<div class="nav-collapse collapse">
            <!-- .nav, .navbar-search, .navbar-form, etc -->
            <ul class="nav" >
                @foreach (var menu in Model)
                {
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">@menu.DisplayName</a>
                        @foreach (var menuitem in menu.MenuItems)
                        {
                            <ul class="dropdown-menu" >
                                <li class="dropdown">@Html.ActionLink(menuitem.DisplayName, menuitem.ActionName, menuitem.ControllerName, new { tabindex = "-1" })</li>
                            </ul>
                        }
                    </li>
                }
            </ul>
        </div>

メニューは表示可能で、実際には以下に示すようにドロップダウン メニューも HTML で作成されます。

<div class="navbar-inner">
    <div class="container">

        <div class="nav-collapse collapse">
            <!-- .nav, .navbar-search, .navbar-form, etc -->
            <ul class="nav">
                    <li class="dropdown open">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">Training</a>
                            <ul class="dropdown-menu">
                                <li class="dropdown"><a tabindex="-1" href="/TTS.UI/Menu?Length=18">Attendance Confirmation</a></li>
                            </ul>
                    </li>
                    <li class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">ePARCS</a>
                            <ul class="dropdown-menu">
                                <li class="dropdown"><a tabindex="-1" href="/TTS.UI/Menu?Length=12">Upload</a></li>
                            </ul>
                    </li>
            </ul>
        </div>
    </div>
</div>

入力は、GUI で次のように表示されます。

これに関する問題は何ですか。