Bootstrap-Material-Design: Installieren Sie erfolgreich, aber hat nicht funktioniert

ich Bootstrap-Material-Design, wie angewiesen auf der GitHub Website installiert und alles gesagt, es erfolgreich installiert wurde:Bootstrap-Material-Design: Installieren Sie erfolgreich, aber hat nicht funktioniert

I eingefügt haben der empfohlene Code in meiner Anwendung Header:

<!-- Material Design fonts --> 
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700"> 
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/icon?family=Material+Icons"> 

<!-- Bootstrap --> 
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 

<!-- Bootstrap Material Design --> 
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap-material-design/dist/css/bootstrap-material-design.css"> 
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap-material-design/dist/css/ripples.min.css"> 

<!-- Material Design Scripts --> 
<script src="bower_components/bootstrap-material-design/scripts/index.js"> </script> 
<script src="bower_components/bootstrap-material-design/scripts/material.js"> </script> 
<script src="bower_components/bootstrap-material-design/scripts/ripples.js"> </script>

und

<script type="text/javascript"> 
    $(document).ready(function() { 
     $.material.init(); 
    }); 
</script>

Wenn ich jedoch ein Probenelement (z. "jumbotron" oder "well") scheint es immer noch so zu sein, wie es beim normalen Bootstrap der Fall ist, nicht so, wie es Ihre Materialdesign-Website sagt.

Irgendwelche Ideen, wie man es erscheinen lässt? Ich habe keine Fehlermeldung erhalten, so dass ich nicht wirklich weitermachen kann, und ich möchte die Dateien aus Angst vor Duplikaten nicht manuell herunterladen.

Quelle

2016-05-29 Liz

einige Links und Screenshots, wie Sie es getan haben, wäre hilfreich zu verstehen, was in Ihrem Fall schief gelaufen ist. –

Ich habe 'bower install bootstrap-material-design' verwendet, wie auf der Webseite beschrieben, und es hieß, dass die Installation erfolgreich war. Das ist das Problem. Ich habe keine Fehlermeldungen erhalten, die Funktionalität ist einfach nicht vorhanden. – Liz

@VikramTiwari, habe ich Screenshots und Codebeispiele hinzugefügt. Lassen Sie mich wissen, wenn Sie an andere Informationen denken können, die hilfreich sein könnten. – Liz

Anscheinend haben Sie keinen Verweis auf die richtigen JS-Dateien. Der Versuch, das Hinzufügen dieser Punkte auf Sie Code im Kopfteil

<script src="scripts/index.js"> </script> 
<script src="scripts/material.js"> </script> 
<script src="scripts/ripples.js"> </script>

Quelle

2016-05-30 06:19:31

Ich habe die empfohlenen Skripts hinzugefügt (die Pfade wurden geändert, um meine Projektpfade wiederzugeben), aber es gab keine Änderungen. – Liz

Sie scheint Verweise auf jQuery und Bootstrap der .js Datei zu fehlen. Sie sollten beide vor dem Materialentwurfsskript in dieser Reihenfolge einfügen.

Quelle

2016-06-06 12:24:21

Bootstrap-Material-Design: Installieren Sie erfolgreich, aber hat nicht funktioniert

Antwort

Verwandte Themen