既存の Bootstrap サイトにbootstrap-material-designテーマを実装しようとしています。
私のmain.blade.phpでは、スタイルシートを示すためにこれを上に置きます。
<!-- CSS -->
<link href="/css/all.css" rel="stylesheet">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.2.1/css/material.min.css" />
{{--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.3.0/css/material-fullpalette.min.css" />--}}
<!-- Scripts -->
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://code.jquery.com/ui/1.10.2/jquery-ui.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.3.0/js/material.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.3.0/js/ripples.min.js'></script>
<script type="text/javascript"></script>
これはメインのブレード ファイルです。これは、すべてのビューに存在するブレード ラッパー ファイルです。
このメイン ブレードの下部に、ドキュメントの指示に従ってこの JS があります。
<script>
$(document).ready(function() {
$.material.init();
});
</script>
ただし、ボタンまたはナビゲーション バーの要素をクリックしようとしても、波及効果はありません。コンソールにもエラーは表示されません。
ボタン クラスにコードを追加する必要はありますか?
編集：
[ネットワーク] タブは次のとおりです。
