html - Bootstrap ドロップダウン メニューをクリックしてもリンクのリストが表示されない

Question

これは、多くの人が苦労している一般的な問題であることを知っています (同様の質問を以下にリストしました)。クリックしたときにその内容を表示するドロップダウン メニューを取得できません。ブートストラップを使用しようとしています。

    <link href="css/bootstrap.css" rel="stylesheet">
                ...     

          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                 Courses <b class="caret"></b></a>
                      <ul class="dropdown-menu">
                        <li><a href="pages/office.html">Office Hours</a></li>
                      </ul>
          </li>
                ...      
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>

スタックオーバーフローには同様の質問がたくさんありますが、マークされた回答はどれもうまくいきません。

私は（多くの組み合わせで）試しました：

• 次のブートストラップ コンポーネント ページ:ブートストラップ コンポーネント

• js ファイルが正しい順序でインポートされるようにする (jquery.js とその後に bootstrap.js)

• 重複を削除します（すでにbootstrap.jsを持っていたので、bootstrap-dropdown.jsを削除します）

• バージョンの更新

明らかな何かが欠けている可能性は十分にありますが、一生それを理解することはできません。どんな助けでも大歓迎です。

私が試したリンク: StackOverflow1、stackOverflow2、stackOverflow3、stackOverflow4、stackOverflow5、stackoverflow6