Question

我正在实施带有引导程序的汉堡包菜单，并遵循引导带网站的通用代码，但是，只要我使用<ul>标签，我的菜单项就会在我点击汉堡包按钮时出现。

这意味着当我将页面从300px调整为1200px时，汉堡包按钮不会更改回内联菜单，而是始终作为按钮保留。

有没有人遇到过这个问题？

PS。我注意到，当我从脚本中删除<ul>和<li>标记时，菜单通常以水平方式显示。

<div class="navbar navbar-inverse">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNav">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <div class="collapse navbar-collapse" id="mainNav">
                <ul class="nav navbar-nav">
                    <li><a  href="../index.php">Home</a></li>
                    <li><a  href="index.php">Dashboard</a></li>
                    <li><a  href="add_post.php">Add Post</a></li>
                    <li><a  href="add_category.php">Add Category</a></li>
                    <li><a  href="uploadFile.php">Upload File</a></li>
                    <li><a  href="logout.inc.php">Logout</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

bootstrap hambuger菜单 - 除非按下汉堡包按钮，否则菜单项不会显示

0 个答案: