Bootstrap Material Design cdn

时间:2015-03-19 19:11:44

标签: twitter-bootstrap material-design bootstrap-material-design

我想使用Bootstrap Material设计,github页面说我可以从jsdelivr.com获取它。但是Getting Started页面显示:

  

复制后,您需要通过添加来初始化素材javascript   以下javascript到您的网站,

$.material.init()

jsdelivr的集成页面说要使用它:

<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material-wfont.min.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material.min.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/ripples.min.css">
<script src="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/js/material.min.js"></script>
<script src="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/js/ripples.min.js"></script>

但看起来材料-wfont.min.css正在返回404.很难验证一切是否正常,因为我不知道对新外观有什么期待是

如果我使用cdn链接,那么我需要使用$.material.init()

2 个答案:

答案 0 :(得分:4)

尝试将标签更改为

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.3.0/css/roboto.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.3.0/css/material-fullpalette.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.3.0/css/ripples.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.3.0/js/material.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.3.0/js/ripples.min.js"></script>

答案 1 :(得分:0)

下载

如果您从Github Page下载文件,则会更容易。 您可以在http://fezvrasta.github.io/bootstrap-material-design/中获得更多信息。

使用凉亭

bower install bootstrap-material-design

在添加Material Design JavaScript文件之前,您还需要jQuery(jquery.com)和getbootstrap.com的原始Bootstrap