Bootstrap 4 navbar-toggler 按钮在位于特定站点时不起作用答案

【问题标题】：Bootstrap 4 navbar-toggler button doesn't work when located at specific sitesBootstrap 4 navbar-toggler 按钮在位于特定站点时不起作用
【发布时间】：2020-11-10 14:19:23
【问题描述】：

起初，我在 ADMIN 桌面视图中的导航栏是这样的。这工作没有任何问题。 “add”按钮只有管理员才能看到，就像每个产品的“edit”按钮一样。

手机版的时候是这样的

当我按下“汉堡包”按钮时，它看起来像这样。

问题出在其他链接网站上。当我按下“汉堡包”按钮时，它会显示网站。现在我可以导航到这些网站，然后当我转到“添加”和“”时FROM这些网站导航到其他网站EXCEPT编辑”网站。在这些网站上，“汉堡包”按钮无法打开（不起作用），让我通过浏览器箭头返回。

我的标题中的代码，导航栏所在的位置。

<header>
    <nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">
        <div class="container-xl">
            <a class="navbar-brand">Decorations</a>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarCollapse">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="index.php">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="favorites.php">Favorites <span class="badge badge-light"><?php echo $favorite ?></span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="basket.php">Basket <span class="badge badge-light"><?php echo $basket ?></span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link">Welcome <?php echo $_SESSION['name'] ?></a>
                    </li>
                    <li class="nav-item">
                        <?php if (is_admin()) { //If user is admin show edit/add/delete
                        ?>
                            <a class="btn btn-outline-success" href="decorations_add.php">Add</a>
                        <?php } // End of IF
                        ?>
                    </li>
                </ul>
                <a href="logout.php" class="float-right btn btn-outline-primary">Log out</a>
            </div>
        </div>
    </nav>
</header>

添加文件的代码：

<body>
    <div class="album py-5 bg-light">
        <div class="container">

            <div class="row">
                <div class="col-md-12">
                    <form action="decorations_insert.php" method="POST" enctype="multipart/form-data">
                        <h3>Add a decoration</h3>
                        <br>
                        <div class="form-group">
                            <label for="formGroupExampleInput">Add picture</label>
                            <input name="fileToUpload" type="file" class="form-control-file" id="formGroupExampleInput">
                        </div>
                        <div class="form-group">
                            <label for="formGroupExampleInput2">Add title</label>
                            <input name="add_title" type="text" class="form-control" id="formGroupExampleInput2" placeholder="Add title">
                        </div>
                        <div class="form-group">
                            <label for="formGroupExampleInput2">Add description</label>
                            <input name="add_description" type="text" class="form-control" id="formGroupExampleInput2" placeholder="Add description">
                        </div>
                        <div class="form-group">
                            <label for="formGroupExampleInput2">Add price</label>
                            <input name="add_price" type="number" class="form-control" id="formGroupExampleInput2" placeholder="Add price">
                        </div>
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</body>

编辑文件中的代码：

 <body>
    <div class="album py-5 bg-light">
        <div class="container">

            <div class="row">
                <div class="col-md-12">
                    <form action="decorations_update.php" method="POST" enctype="multipart/form-data">
                        <h3>Edit a decoration</h3>
                        <br>
                        <input type="hidden" name="id" value="<?php echo $row['id'] ?>">
                        <div class="form-group">
                            <label for="formGroupExampleInput2">Change title</label>
                            <input name="change_title" value="<?php echo $row['title'] ?>" type="text" class="form-control" id="formGroupExampleInput2" placeholder="Change title">
                        </div>
                        <div class="form-group">
                            <label for="formGroupExampleInput2">Change description</label>
                            <input name="change_description" value="<?php echo $row['description'] ?>" type="text" class="form-control" id="formGroupExampleInput2" placeholder="Change description">
                        </div>
                        <div class="form-group">
                            <label for="formGroupExampleInput2">Change price</label>
                            <input name="change_price" value="<?php echo $row['price'] ?>" type="number" class="form-control" id="formGroupExampleInput2" placeholder="Change price">
                        </div>
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</body>

【问题讨论】：

这可能是因为脚本在第一页呈现，而在其他页面没有呈现。确保第一页中使用的脚本全部反映。
（我会从标签中删除 php）
@noobprogrammer 我在“添加”和“编辑”站点中有一个包含标题的 php 标签。它是链接的。
@PierreSevrain 我需要那里的 PHP 如果没有，每个人都可以添加或编辑该站点，因为它是一个仅限管理员的功能。

标签： javascript php html css twitter-bootstrap

【解决方案1】：

我的项目分为多个文件。我正在为页眉和页脚使用“页眉”和“页脚”文件。使用 PHP，我只是将它们包含在其他文件中，因此我不需要重新编写代码或单独修复所有问题。

问题是，当我为管理员创建文件时，我忘记包含一个脚本链接，该链接使“汉堡包”按钮起作用。

我忘记了，因为，没关系，因为无论如何只有我可以看到管理文件。这就是为什么我忘记了包含在页脚中的脚本。不要犯同样的错误。

答案是，我在底部的“编辑”和“添加”文件中包含了页脚，并且它起作用了。或者你可以只粘贴脚本。那也行。

【讨论】：