使用Bootstrap导航本地链接

时间:2017-08-01 14:14:32

标签: html twitter-bootstrap navigation

我尝试使用模板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>

1 个答案:

答案 0 :(得分:0)

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

&#39;#&#39; sign用于链接到页面内的锚点。如果&#39;#&#39;之后什么也没有。链接没有任何效果。例如,此链接http://getbootstrap.com/examples/theme/#carousel-example-generic将重点关注具有&#39; carousel-example-generic&#39;的id元素。名称。如果您没有输入名称,则会链接到整个页面。所以也许上面的例子解释了&#39;#&#39;登录。

如果要导航到本地文件,则需要确定是否需要绝对或相对URL。对于相对路径,您可以使用&#39;。&#39;或者&#39; ..&#39;用你想要的文件的名称。