Bootstrap Material Design cdn

twitter-bootstrap material-design bootstrap-material-design
Phillip Senn picture Phillip Senn · Mar 19, 2015 · Viewed 7.8k times · Source

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

Answer

dyaa picture dyaa · Mar 19, 2015

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>

Related questions

How Do I Change Bootstrap Grid When Window Resizes?

In my website, I have a box that's not sizing like I want. <div class=" col-md-12">...</div> I get too few padding than I want while the windows is monitor-screens. The padding's fine when in phone-screens. &…

Read More
Main differences between Angular Material + Bootstrap vs. MDbootstrap for Angular

I have some experience with Angular 1.x, and right now I am building a stack for couple of new projects. I want to have responsive grid, so I would like to use Bootstrap. I want to use Angular, so I …

Read More
Center a column using Twitter Bootstrap 3

How do I center a div of one column size within the container (12 columns) in Twitter Bootstrap 3? I want a div, with a class .centered to be centered within the container. I may use a row if there are multiple …

Read More