5

I'd like to use Bootstrap Material design, and the github page says that I can get it from jsdelivr.com. But then the Getting Started page says:

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

$.material.init()

The integration page at jsdelivr says to use this:

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

But it looks like material-wfont.min.css is returning 404. It's hard to verify if everything is working right or not because I don't know what to expect the new look and feel to be.

If I use the cdn links, so I need to use $.material.init()?

T J
  • 40,740
  • 11
  • 73
  • 131
Phillip Senn
  • 43,069
  • 83
  • 242
  • 359
  • http://www.jsdelivr.com/#!bootstrap.material-design check what you need from there. Only fonts in there is the roboto font and icons. so i would include those 2 instead of wfont, since i dont know either what wfont should be like. surely because there is not css file indicated as such. – Dorvalla Mar 19 '15 at 19:25
  • Is there an example somewhere? – Phillip Senn Mar 19 '15 at 19:28

2 Answers2

4

Try to change the tags to

<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>
dyaa
  • 1,290
  • 16
  • 40
0

Download it

It is easier if you download the files from the Github Page. You can have more information in http://fezvrasta.github.io/bootstrap-material-design/.

Use bower

bower install bootstrap-material-design

You'll also need jQuery (jquery.com) and the original Bootstrap from getbootstrap.com before adding the Material Design JavaScript files

David Sevilla
  • 97
  • 3
  • 9