Question

我正在从w3schools学习引导程序。

有一个菜单示例，当屏幕较小时，菜单会变为可折叠菜单：W3Schools Example

我从字面上逐一复制了它，但是它不起作用，不知道为什么（引导程序本身工作正常）。

实际上发生的是菜单链接隐藏在一个按钮下，但是当我单击它时它没有打开。

另外，我想在其中添加signed main() justify-content-center，但正如我所见，在将此班级名称添加到<nav>

你们能帮我这个忙吗？

这是我的整个页面：

<nav>

Answer 1

您需要包括所有必需的JavaScript文件，Bootstrap才能正常运行，其中包括bootstrap.js，jquery和popper。确保在结束body标签之前包含此代码。

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>

这是一个可行的示例： https://jsfiddle.net/uwzm82do/

Bootstrap可折叠菜单无法打开

1 个答案: