Bootstrap-material-design: 安装成功，但没有成功

Question

我按照 github 网站上的说明安装了 bootstrap-material-design，一切都表明安装成功：

我已将推荐的代码插入到我的应用程序中 header:

  <!-- 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"）时，它仍然显示正常 bootstrap 的方式，而不是您的 material 设计方式网站说应该。

关于如何让它出现的任何想法？我没有收到任何错误消息，所以我真的没有什么可以继续的，我不想手动下载文件，因为担心重复。

Answer 1

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

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

Answer 2

您似乎缺少对 jQuery 和 bootstrap 的 .js 文件的引用。您应该在 material 设计脚本之前按此顺序包括两者。

Bootstrap-material-design: 安装成功，但没有成功

Bootstrap-material-design: Install successful, but didn't work

ruby-on-rails

twitter-bootstrap

bootstrap-material-design