0

我按照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>

然而,当我尝试一个示例元素(例如“jumbotron”或“well”)时,它仍然以正常引导程序的方式出现,而不是你的材料设计网站所说的方式。

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

4

2 回答 2

0

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

<script src="scripts/index.js"> </script>
<script src="scripts/material.js"> </script>
<script src="scripts/ripples.js"> </script>
于 2016-05-30T06:19:31.620 回答
0

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

于 2016-06-06T12:24:21.653 回答