如何将下拉菜单更改为普通链接

Question

我正在使用 Metro ui CSS。 http://beta.kenosys.in。如何使服务菜单加载 html 文件，例如在大型设备的 atag 中使用 href 并在小型设备上充当下拉菜单。

<div class="container">
    <a class="app-bar-element branding " href="index.html"><img   src="images/logo.png" alt=""></a>
        <ul class="app-bar-menu place-right">
            <li active-link"><a href="index.html"> Home</a></li>
        <li ><a  href="about.html">About Us</a></li>
        <li id="services"><a href="javascript:void(0);" ">Services</a>
                <ul id="s-drop" class="d-menu" data-role="dropdown">
            <li ><a  href="embedded_systems_design.html">Embedded Systems Design</a></li>
            <li ><a  href="">Website Design</a></li>
            <li ><a  href="fpga_design.html">FPGA Hardware Design</a></li>
            <li ><a  href="">PCB Design</a></li>
            </ul>
        </li>
        <li><a href="blog.html">Blog</a></li>
        <li ><a href="https://github.com/kenosys">Resources</a></li>
    </ul>
    <div class="app-bar-pullbutton automatic fg-grayDarker bg-white"
</div>

Answer 1

如果你能发布你的代码会很好，但我猜你可以简单地在你的导航中添加一个标签？

例子：

<nav>
<ul>
<li><a href="YOURDESTINATION">Dropdown Item</a></li>
</ul>
</nav>