Bootstrap-material-design:安装成功,但没有工作

时间:2016-05-29 20:41:16

标签: ruby-on-rails twitter-bootstrap bootstrap-material-design

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

enter image description here

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

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

然而,当我尝试一个样本元素(例如&#34; jumbotron&#34;或&#34; well&#34;)时,它仍然显示正常引导程序的方式,而不是您的材料设计网站所说的方式。

有关如何让它出现的任何想法?我没有收到任何错误消息,所以我真的没有任何事情要做,而且我不想手动下载文件,以免出现重复。

2 个答案:

答案 0 :(得分:0)

显然你没有对正确的JS文件的引用。尝试在头部

中添加这些代码
<script src="scripts/index.js"> </script>
<script src="scripts/material.js"> </script>
<script src="scripts/ripples.js"> </script>

答案 1 :(得分:0)

您似乎缺少对jQuery和bootstrap的pthread_mutex_lock()文件的引用。您应该按照该顺序在材料设计脚本之前包含两者。