0

я установил самозагрузки-материал-дизайн, как указано на сайте GitHub и все, что сказано это было успешно установлено:Bootstrap-материал-дизайн: Установка успешно, но не работает

enter image description here

Я вставил рекомендуемый код в мой заголовок приложения:

<!-- 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»), он по-прежнему выглядит так, как это делает обычный бутстрап, а не так, как говорит ваш сайт материального дизайна.

Любые идеи о том, как заставить его появиться? Я не получил сообщение об ошибке, поэтому мне нечего делать, и я не хочу вручную загружать файлы из страха дубликатов.

+0

некоторые ссылки и скриншоты о том, как вы это сделали, было бы полезно понять, что пошло не так в вашем случае. –

+0

Я использовал 'bower install bootstrap-material-design', как указано на веб-сайте, и сказал, что установка прошла успешно. Это проблема. Я не получал сообщений об ошибках, функциональности просто нет. – Liz

+0

@VikramTiwari, я добавил скриншоты и образцы кода. Дайте мне знать, можете ли вы придумать любую другую информацию, которая может быть полезна. – Liz

ответ

0

По-видимому, у вас нет ссылки на правильные файлы JS. Попытка добавления их к вам кода в головной секции

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

Я добавил рекомендуемые сценарии (с измененными путями, чтобы отразить мои пути к проекту), но изменений не было. – Liz

0

Вы, кажется, не хватает ссылок на JQuery и .js файл Bootstrap в. Вы должны включить оба сценария дизайна материала в этом порядке.

 Смежные вопросы

  • Нет связанных вопросов^_^