twitter-bootstrap - Bootstrap Material 设计 CDN

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

我想用Bootstrap Material design,github页面说我可以从jsdelivr.com得到.但随后 Getting Started页面说:

Once copied you need to initialize the material javascript by adding the following javascript to your site,

$.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() ?

最佳答案

尝试将标签更改为

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

关于twitter-bootstrap - Bootstrap Material 设计 CDN,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29153070/

相关文章:

javascript - Bootstrap 3 不会在手机或平板电脑尺寸上折叠导航栏

angularjs - 将 Angular Material 与 twitter bootstrap 相结合而不会发生冲突

android - 是否可以使用微调器实现公开的下拉菜单

css - Material Design 图标未在浏览器中显示

node.js - npm install : fetchPackageMetaData error for material-design-icons@^3. 0.1 意外的文件结尾

javascript - React MD Bootstrap : How To Get Input Value

html - Bootstrap - float 操作按钮菜单大小和阴影

html - hero div中的居中定位文本

javascript - Angular/Bootstrap 数据目标不评估表达式

html - 如何在 Bootstrap 中向右滑动选项卡菜单