javascript - この Twitter Bootstrap 3 Modal がフェードしないのはなぜですか?

Question

Twitter Bootstrap 3を使用した非常に単純なモーダルであるべきものがあります。モーダルは問題を表示しませんが、この例のように上からフェードインしません。 . 代わりに、それ自体が画面上に表示されます。

トリガーは次のとおりです。

<a href='#registerEmail' data-toggle='modal' class='btn btn-primary btn-lg'>Sign up with Email</a>

モーダルは次のとおりです。

<div class='modal fade' id='registerEmail' tabindex='-1' role='dialog'>
    <div class='modal-dialog'>
        <div class='modal-content'>
            <div class='modal-header'>
                This is the header
            </div>
            <div class='modal-body'>
                This is the body
            </div>
            <div class='modal-footer'>
                This is the footer
            </div>
        </div>
    </div>
</div>

以前は機能していたと確信しています。

この他の回答、Twitter Bootstrap: Modal popup won't fade、モーダルが別の .fade クラス内にネストされていることを確認しましたが、上記のコードには当てはまりません。

また、ブートストラップ JavaScript ファイル全体 (ページの下部) を含めているので、これが問題になることはありません。jQueryもロードしています（ブートストラップjsの前）。

編集：

これは奇妙です。JS フィドルを作成する過程で、ページ内の余分な要素を 1 つずつ調べて削除しました。自分の site-wide.js がドキュメント ヘッドに読み込まれないように行をコメント アウトすると、問題はなくなりました。その後、site-wide.js を含む行を復元しましたが、問題を再現できませんか?