ブートストラップがサブページへのリンクが動作しない

Question

私はブートストラップフリーのテーマをダウンロードして、自分のやり方で修正しようとしました。 https://shapebootstrap.net/item/1524939-heera-responsive-html5-multipurpose-template

サブページへのリンクをクリックすると（私たちについて、手順&価格、連絡先&場所）何も起こりません。何が開けないのか？ 私は初心者ですが、どんなアドバイスも大歓迎です！

.main-menu { 
 
    background-color: #5D4E61; 
 
    opacity: 0.8; 
 
} 
 
.navbar-collapse { 
 
    padding: 0px; 
 
} 
 
.menu-logo { 
 
    display: none; 
 
    max-width: 125%; 
 
} 
 
.navbar-toggle:focus { 
 
    border: none; 
 
    outline: 0; 
 
} 
 
.nav>li>a:hover, 
 
.nav>li>a:focus { 
 
    background-color: transparent; 
 
    color: #dddada; 
 
} 
 
.menu-list { 
 
    text-align: center; 
 
    float: none; 
 
} 
 
.navbar-nav>li { 
 
    display: inline-block; 
 
    float: none; 
 
} 
 
.navbar-nav>li>a { 
 
    color: #ffffff; 
 
    display: inline-block; 
 
    font-size: 14px; 
 
    text-transform: uppercase; 
 
    float: none; 
 
    -webkit-transition: all .25s ease; 
 
    -moz-transition: all .25s ease; 
 
    -ms-transition: all .25s ease; 
 
    -o-transition: all .25s ease; 
 
    transition: all .25s ease; 
 
} 
 
.menu-list .active a { 
 
    color: #dddada; 
 
}

<header id="main-menu" class="main-menu"> 
 
    <div class="container"> 
 
    <div class="row"> 
 
     <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu"> 
 
      <i class="fa fa-bars"></i> 
 
     </button> 
 
     <div class="menu-logo"> 
 
      <a href="index.html"> 
 
      <img src="images/logo.png" alt="menu Logo"> 
 
      </a> 
 
     </div> 
 
     <!-- /.menu-logo --> 
 
     </div> 
 
     <nav id="menu" class="menu collapse navbar-collapse"> 
 
     <ul id="headernavigation" class="menu-list nav navbar-nav wow fadeInUp animated"> 
 
      <li><a href="index.html">Home</a> 
 
      </li> 
 
      <li class="active"><a href="about.html">About us</a> 
 
      </li> 
 
      <li><a href="index.html">Procedures & Prices</a> 
 
      </li> 
 
      <li><a href="index.html">Contact & Location</a> 
 
      </li> 
 
     </ul> 
 
     <!-- /.menu-list --> 
 
     </nav> 
 
     <!-- /.menu-list --> 
 
    </div> 
 
    <!-- /.row --> 
 
    </div> 
 
    <!-- /.container --> 
 
</header> 
 
<!-- /#main-menu -->

Answer 1

index.html自分のホームページの右ですか？

あなたのすべてのリンクは、私はあなたがabout.htmlアンカータグが<a href="about.html">

Answer 2

ようになりますと呼ばれるページを作成した場合、他のページは、例えば、と呼ばれているものは何でもホームページに<a href="index.html">

変更index.htmlを指していますA-タグがindex.htmlを指していることを

<li><a href="index.html">Procedures & Prices</a></li> 

お知らせ：「例を取るでしょう。ウェブページがindex.htmlと表示されている場合は、すべてループバックされます。あなたはaタグの目的地として別のウェブページを置くことになります。

読むここではそれについて：私はまだ準備ができてサブページを持っていないため、http://www.w3schools.com/tags/tag_a.asp