响应式多级菜单

【问题标题】：Responsive Multilevel Menu响应式多级菜单
【发布时间】：2016-02-23 07:26:25
【问题描述】：

谁能帮助提供响应式多级菜单的代码。我创建了一个响应式 SPA，现在我想将菜单修改为多级。这是plunker：http://plnkr.co/edit/NPHsIoirRJA1pS7KNopn?p=preview。我希望这里的两个菜单都包含子菜单（仪表板，tab1）。

【问题讨论】：

看看这个stackoverflow.com/questions/29888018/…

标签： jquery css responsive-design single-page-application

【解决方案1】：

您需要将您的菜单项放入一个无序列表中，然后将您的下拉菜单项放入另一个无序列表中，然后相应地设置它们的样式。

<nav class="menu">
    <ul>
        <li><a ui-sref="dashboard">Dashboard</a></li>
        <li>
            <a ui-sref="#">Tab</a>
            <ul class="dropdown">
                <li><a ui-sref="page1">Page 1</a></li>
                <li><a ui-sref="page2">Page 2</a></li>
                <li><a ui-sref="page3">Page 3</a></li>
            </ul>
        </li>
    </ul>
</nav>

您可以在此处查看此示例：http://plnkr.co/edit/0A55Sb4qjS0tap6tavJL?p=preview

【讨论】：