html5 css3 lista rozwijana w menu rozwijanym

Witam,

mam mały problem, ślęczę nad nim już trochę. Próbowałem rozwiązać go na kilkanaście innych sposobów i dalej nic. Mam w menu rozwijanym jeszcze jedno menu rozwijane (listę). Poziom pierwszy się otwiera elegancko, a drugi już nie chce zaskoczyć. Proszę o pomoc.

<div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>

                    @if (User.IsInRole("Administrator"))
                    {
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Panel administracyjny <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="/Products">Produkty</a></li>
                                <li><a href="/Categories">Kategorie</a></li>
                                <li><a href="/Orders">Zamówienia</a></li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Wyglad <span class="caret"></span></a>
                                    <ul class="dropdown-menu" role="menu"> //o ten fragment się rozchodzi, nie chce się otworzyć
                                        <li><a href="/Products">Szablony</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                    }
                </ul>
                @Html.Partial("_LoginPartial")
            </div>

a wygląda to tak:
http://fotserv.pl/?topic=load&image=1457350166-1.JPG

zamiast próbować poczytaj na takie pytania nie tylko na tym forum ale również w Internecie jest pewnie ze 4 miliony odpowiedzi
tu masz to opisane jak trzeba

http://webkod.pl/kurs-css/lekcje/dzial-4/dwupoziomowe-rozwijane-menu-css

Mówię Ci, że próbowałem i do tej pory próbuję to poprawić, ale ciągle nic... Jak usunę to to wtedy mi elegancko wypisuje pod spodem od punktorów, ale nie o to chodzi, chcę aby było schowane i po naciśnięciu wysuwało się do zewnątrz.

Nie wiem, chyba coś w bootstrap.min jest nie tak, bo to powinno działać według wielu przykładów na google.

<div class="navbar-collapse collapse">
                <ol class="nav navbar-nav">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
 
                    @if (User.IsInRole("Administrator"))
                    {
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Panel administracyjny <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="/Products">Produkty</a></li>
                                <li><a href="/Categories">Kategorie</a></li>
                                <li><a href="/Orders">Zamówienia</a></li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Wyglad <span class="caret"></span></a>
                                    <ol class="dropdown-menu" role="menu"> //o ten fragment się rozchodzi, nie chce się otworzyć
                                        <li><a href="/Products">Szablony</a></li>
                                    </ol>
                                </li>
                            </ul>
                        </li>
                    }
                </ol>
                @Html.Partial("_LoginPartial")
            </div>
 

Próbowałeś w ten sposób?

Bez znaczenia czy dam ol czy ul... Próbowałem, bez zmian, jak kliknę na pozycję Wygląd to menu się zamyka i tak cały czas

Tutaj pokazują jak się robi multi-level na Bootstrap:

http://www.w3schools.com/bootstrap/bootstrap_ref_js_dropdown.asp

Może Ci pomoże.

Może to być problem taki że mi się zamyka menu po kliknięciu w pozycję wygląd i po prostu nie wyświetla...