component.htmlファイルからブートストラップをロード

このコードは動作し、ブートストラップはheadタグの内部にロードされます。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>

ブートストラップは動作しません。誰かが私を助けることができますか？

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をロードしていないようです。 – 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ページコードを提供できますか？ –

component.htmlファイルからブートストラップをロード

答えて

関連する問題