自举材料设计

Question

我想使用引导材料设计，并且github页面说我可以从jsdelivr.com获得它。但是快速入门页面上写着：

复制后，您需要通过将以下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()

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

Answer 2

下载它

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

使用圆顶

bower install bootstrap-material-design

您还需要jQuery (jquery.com)和getbootstrap.com的原始引导程序，然后才能添加文件