引導材料設計：安裝成功，但

我安裝引導材料設計的指示GitHub的網站上，一切都表示，它已成功安裝沒有工作：引導材料設計：安裝成功，但

我已經插入推薦的代碼到我的應用程序標題：

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

和

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

但是，當我嘗試一個樣本元素（例如「jumbotron」或「well」），它仍然是正常引導程序的方式，而不是您的材料設計網站所說的方式。

有關如何讓它出現的任何想法？我沒有收到任何錯誤信息，所以我沒有什麼可以繼續下去的，而且我也不想因爲擔心重複而手動下載文件。

來源

2016-05-29 Liz

某些鏈接和截圖說明了如何做到這一點有助於理解您的情況出了什麼問題。 –

按照網站上的說明，我使用了'bower install bootstrap-material-design'，並表示安裝成功。這是問題。我沒有收到任何錯誤消息，但功能不在那裏。 – Liz

@VikramTiwari，我添加了屏幕截圖和代碼示例。如果您能想到其他可能有用的信息，請告訴我。 – Liz

顯然你沒有對正確的JS文件的引用。在頭節

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

來源

2016-05-30 06:19:31

我添加了推薦的腳本（改變路徑以反映我的項目路徑），但沒有改變。 – Liz

你似乎缺少對jQuery和引用引導的.js文件試圖將這些對你的代碼。您應該在材料設計腳本之前包含這兩個順序。

來源

2016-06-06 12:24:21

引導材料設計：安裝成功，但

回答

相關問題