ブートストラップを使用したローカルリンクの操作

Question

テンプレートhttp://getbootstrap.com/examples/dashboard/を使用してサイドナビゲーションバーを作成しようとしていますので、コンピュータにhtmlファイルとして保存しました。 しかし、サイドナビゲーションバーのリンクを変更しようとすると、ローカルリンクは機能しません。一番上のリンクは元のリンクですが、その下のリンクは同じフォルダ内のhtmlファイルを指し示しています。これらのファイルに移動するにはどうすればいいのでしょうか？また、Webサイトのアドレスがフォルダとして表示され、＃記号の意味がわかりません。ありがとう。

<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/（もっと/その他のためのGoogleだけ）に役立つかもしれません。

「＃」記号は、ページ内のアンカーにリンクするために使用されます。 '＃'の後に何もない場合、リンクは効果を持ちません。たとえば、このリンクhttp://getbootstrap.com/examples/theme/#carousel-example-genericは、 'carousel-example-generic'という名前のid要素に焦点を当てます。名前を付けないと、ページ全体にリンクします。したがって、上記の例では「＃」記号が説明されています。

ローカルファイルに移動する場合は、絶対URLか相対URLかを決定する必要があります。相対パスの場合は、 '。'を使用できます。または '..'に必要なファイルの名前を入力します。