0

github Web サイトの指示に従って bootstrap-material-design をインストールしたところ、すべてが正常にインストールされたと表示されました。

ここに画像の説明を入力

推奨されるコードをアプリケーション ヘッダーに挿入しました。

  <!-- Material Design fonts -->
 <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700">
 <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/icon?family=Material+Icons">

 <!-- Bootstrap -->
 <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

 <!-- Bootstrap Material Design -->
 <link rel="stylesheet" type="text/css" href="bower_components/bootstrap-material-design/dist/css/bootstrap-material-design.css">
 <link rel="stylesheet" type="text/css" href="bower_components/bootstrap-material-design/dist/css/ripples.min.css">

<!-- Material Design Scripts -->
<script src="bower_components/bootstrap-material-design/scripts/index.js"> </script>
<script src="bower_components/bootstrap-material-design/scripts/material.js"> </script>
<script src="bower_components/bootstrap-material-design/scripts/ripples.js"> </script>

と

<script type="text/javascript">
     $(document).ready(function() {
         $.material.init();
     });
 </script>

ただし、サンプル要素 (「jumbotron」や「well」など) を試してみると、マテリアル デザインの Web サイトが示す方法ではなく、通常のブートストラップのように表示されます。

それを表示させる方法についてのアイデアはありますか？エラー メッセージは表示されなかったので、特に何もする必要がなく、重複を恐れてファイルを手動でダウンロードしたくありません。

4

2 に答える 2

0

jQuery とブートストラップの.jsファイルへの参照が欠落しているようです。この順序でマテリアル デザイン スクリプトの前に両方を含める必要があります。

于 2016-06-06T12:24:21.653 に答える