Bootstrap3でナビゲーションの中のdropdown内にあるリストをクリックしてもページが切り替わらない

Question

Bootstrap3を使用してホームページを作成する為に、下記のコードでヘッダーを作成したところ、問題なくdropdownは動いたのですが、dropdown内のリストにある「会社概要」をクリックしてもindex.phpに飛びません。
どうしてでしょうか？
ご教示頂ければと存じます。

ちなみにナビゲーション内にあるお問い合わせについては問題なくcontact.phpに飛びます。

      <header>
        <nav class="navbar navbar-default">
          <div class="container-fluid">
            <div class="navbar-header">
              <button class="navbar-toggle" data-toggle="collapse" data-target=".target">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="#"></a>
            </div>
            <div class="collapse navbar-collapse target">
              <ul class="nav navbar-nav navbar-right" id="mainMenu">
                <li class="dropdown">
                  <a href="" class="dropdown-toggle" data-toggle="dropdown">会社案内
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu" data-toggle="dropdown">
                    <li>
                      <a href="index.php">会社概要</a>
                    </li>
                    <li>
                      <a href="#">会社紹介</a>
                    </li>
                    <li>
                      <a href="#">企業理念</a>
                    </li>
                  </ul>
                </li>
                <li>
                  <a href="contact.php">お問い合わせ</a>
                </li>
            </div>
          </div>
        </nav>
      </header>

Answer 1

<ul class="dropdown-menu" data-toggle="dropdown">
	<li>
		<a href="index.php">会社概要</a>
	</li>
	<li>
		<a href="#">会社紹介</a>
	</li>
	<li>
		<a href="#">企業理念</a>
	</li>
</ul>

ここについているdata-toggle="dropdown"は不要なので削除してくださいな。

<ul class="dropdown-menu">
	<li>
		<a href="index.php">会社概要</a>
	</li>
	<li>
		<a href="#">会社紹介</a>
	</li>
	<li>
		<a href="#">企業理念</a>
	</li>
</ul>

Comments

[k.t.est]

有難う御座います。
ご指摘の事項の修正でうまくいきました！