Загрузка Bootstrap из файла component.html

Этот код работает, загрузочная загрузка загружается внутри тега head.Загрузка Bootstrap из файла component.html

<html>  
 
    <head> 
 
     <!-- Latest compiled and minified CSS --> 
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
 
     <!-- Optional theme --> 
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> 
 
     <!-- Latest compiled and minified JavaScript --> 
 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
 
    </head> 
 
    <body> 
 
     <!--some stuff--> 
 
    </body> 
 
</html>

Но когда я ставлю этот код в файл component.html и импортировать его:

<html>  
 
    <head> 
 
     <link rel="import" href="component.html" > 
 
    </head> 
 
    <body> 
 
     <!--some stuff--> 
 
    </body> 
 
</html>

Bootstrap не работает. Может кто-нибудь мне помочь?

component.html:

<!-- Latest compiled and minified CSS --> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
 
    <!-- Optional theme --> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> 
 
    <!-- Latest compiled and minified JavaScript --> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

источник

2016-07-12 Uros Bojanic

Сообщение об ошибке очень ясно: кажется, что вы не загрузили jQuery (или вообще) перед загрузкой Bootstrap. – Roy

Можете ли вы опубликовать код component.html? –

Вы должны были бы поместить этот сценарий тег, непосредственно перед закрывающим тегом тела

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

источник

2016-07-12 10:52:08 RasmusGlenvig

Все еще не работает ... –

Jquery библиотека должна быть загружена первый или перед к этому файлу https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js.

Поскольку этот bootstrap.js написан с использованием самой JQuery, нам нужна основная библиотека, которая будет загружена первой, так что код внутри файла начальной загрузки имеет смысл, иначе компилятор браузера не имеет понятия кода, следовательно, ошибка.

источник

2016-07-12 11:06:41

Все еще не работает ... –

@UrosBojanic, что означает данные, которые вы указали в вопросительном выпуске, и сценарий в вашем коде отличается. Можете ли вы предоставить код html-страницы, чтобы мы могли быть более ясными в этом вопросе –

Загрузка Bootstrap из файла component.html

ответ

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