如何修复链接引导模板?

时间:2019-08-11 17:09:28

标签: javascript html bootstrap-4

我正在尝试使用startbootstrap-bare模板。我想在用户按下Aboutabout.html)时加载其他内容,但要保存一个导航(菜单)栏。

但是当我将href更改为

<a class="nav-link" href="/about">About</a>

并将about.htmlindex.html放在同一文件夹中,它根本就不能在本地工作(就像它试图打开file://about.html一样,这显然是错误的路径)。我应该将index.html的内容复制到about.html还是只能引导程序来加载其内容div?

2 个答案:

答案 0 :(得分:1)

可能是您的根目录不同。由于哪个浏览器正在错误的目录中寻找文件。要解决此问题,您可以选择如下所示的点运算符,它告诉浏览器在当前目录中查找文件“ about.html”。

点运算符的解决方案:

<a class="nav-link" href="./about.html">About</a>

答案 1 :(得分:0)

您还应该在扩展名中添加扩展名。 (只需认为您可以在同一文件夹中存在about.html和about.php。) 就像这样,如果文件位于同一文件夹中,则必须添加路径。

<a class="nav-link" href="about.html">About</a>