引导材料设计 CDN答案

【问题标题】：Bootstrap Material Design cdn引导材料设计 CDN
【发布时间】：2015-05-23 01:37:45
【问题描述】：

我想使用 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>

但似乎 material-wfont.min.css 正在返回 404。很难验证一切是否正常，因为我不知道新的外观和感觉会是什么。

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

【问题讨论】：

jsdelivr.com/#!bootstrap.material-design 从那里检查您需要什么。只有字体有roboto字体和图标。所以我会包括那些 2 而不是 wfont，因为我不知道 wfont 应该是什么样的。肯定是因为没有这样的css文件。
有什么例子吗？

标签： twitter-bootstrap material-design bootstrap-material-design

【解决方案1】：

尝试将标签更改为

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

【讨论】：

【解决方案2】：

下载它

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

使用凉亭

bower install bootstrap-material-design

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

【讨论】：

这个问题是关于CDN的。