引导-材料-设计:安装成功，但没有工作

Question

我按照github网站上的指示安装了引导材料设计，所有的东西都说它安装成功：

​

​

我已经将推荐的代码插入到应用程序头中：

  <!-- 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>

然而，当我尝试一个样本元素(例如“巨型加速器”或“好的”)时，它仍然呈现出正常的引导方式，而不是你的材料设计网站所说的方式。

有什么办法让它出现吗？我没有收到任何错误消息，所以我真的没有什么可做的，我不想手动下载文件，因为我害怕重复。

Answer 1

显然，您没有引用正确的JS文件。尝试将这些添加到head部分中的代码中。

<script src="scripts/index.js"> </script>
<script src="scripts/material.js"> </script>
<script src="scripts/ripples.js"> </script>

Answer 2

您似乎缺少了对jQuery和引导程序的.js文件的引用。在材料设计脚本之前，您应该按照这个顺序包括这两种内容。