我按照github网站上的说明安装了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>
然而,当我尝试一个样本元素(例如&#34; jumbotron&#34;或&#34; well&#34;)时,它仍然显示正常引导程序的方式,而不是您的材料设计网站所说的方式。
有关如何让它出现的任何想法?我没有收到任何错误消息,所以我真的没有任何事情要做,而且我不想手动下载文件,以免出现重复。
答案 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()
文件的引用。您应该按照该顺序在材料设计脚本之前包含两者。