html - ul/li 导航中彼此相邻的两个 anchor 标记

Question

有人可以看看这个例子吗:

http://bootsnipp.com/snippets/featured/navigation-sidebar-with-toggle

我想保留切换功能，但品牌应该是另一个链接(主页)。

我试过这样的:

 <ul id="sidebar_menu" class="sidebar-nav">
    <li class="sidebar-brand">
        <a href="index.php">Menu</a><a id="menu-toggle" href="#">
           <span id="main_icon" class="glyphicon glyphicon-align-justify"></span>
       </a>
    </li>
 </ul>

但是这会导致有一个可以点击的品牌，但是切换按钮不是来自品牌。相反，它位于一个新的“导航点”。

有人可以帮助我如何修改给定的代码以实现此目的吗？

感谢您的帮助! :)

Answer 1

这是您的解决方案:

<li class="sidebar-brand">
   <a style="width:50%;" href="index.php">Home</a>
   <a id="menu-toggle" style="width:50%;height:95%" href="#"><span id="main_icon" class="glyphicon glyphicon-align-justify"></span></a>
</li>

您也可以将“主页”更改为您想要的任何内容。

另外我应该注意到你必须将样式放在你的样式文件夹中，但我将它添加到标签中以便于描述。