使用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。对于相对路径，您可以使用'。'或'..'与你想要的文件名称。