使用 Bootstrap 导航本地链接

Question

我正在尝试使用模板http://getbootstrap.com/examples/dashboard/ 创建一个侧导航栏，因此我将它作为 html 文件保存到我的计算机中。 但是，当我尝试更改侧导航栏中的链接时，任何本地链接都不起作用。顶部链接是原始链接，但我放入它下面的链接以指向同一文件夹中的 html 文件。如何导航到这些文件，为什么网站地址显示为文件夹，以及 # 符号的意义，因为我似乎无法找到该 # 符号文件的位置。谢谢。

<DIV class="col-sm-3 col-md-2 sidebar">
<UL class="nav nav-sidebar">
  <LI class="active"><A 
  href="http://getbootstrap.com/examples/dashboard/#">Overview </A></LI>

<ul>
<li><a href="i1.html">LOGCELL Introduction</a></li>
<li><a href="i2.html">User Access Control</a></li>
<li><a href="i3.html">About Logcell</a></li>
</ul>
<li>Cognos</li>
<ul>
<li><a href="c1.html">Cognos Capabilities</a></li>
<li><a href="c2.html">Cognos Overview</a></li>
<li><a href="c3.html">The Congnos User Interface</a></li>
</ul>

</UL></DIV>

Answer 1

您需要花一些时间阅读有关如何使用链接和锚点的信息。也许这篇文章可能对http://html.com/anchors-links/ 有帮助（更多/其他请用谷歌搜索）。

“#”符号用于链接到页面内的锚点。如果“#”后面没有任何内容，则链接将不起作用。例如，此链接http://getbootstrap.com/examples/theme/#carousel-example-generic 将关注具有“carousel-example-generic”名称的 id 元素。如果您不输入名称，它将链接到整个页面。所以也许上面的例子解释了“#”符号。

如果您想导航到本地文件，您需要决定是使用绝对 URL 还是相对 URL。对于相对路径，您可以使用 '.'或 '..' 与您想要的文件的名称。