2017-12-12 4 views
-2

だから私はこれが何であれ、何の問題なのか分かりませんが、ブートストラップCDNを手に入れることができません。私は自分のウェブサイトからCDNをコピーし、それを私が作業していたコードに貼り付け、次に新しいページを貼り付けました。下に示すように、どちらにも適用されません。不思議なことは、ブートストラップ部分のfreecodecampからのCDNが動作することです。私は間違って何をしていますか?ブートストラップCDNが適用されていない

あなたはそれが他のロードをブロックしていないし、次に呼び出されるように、ちょうどあなたの終了タグの前にそれをロードするために、同様のjQueryをインポートする(ブートストラップは、それを使用しています)、その最高する必要が相続人は、コード

<!doctype HTML> 
<html> 
    <head> 
    <title>Bootstrap</title> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous"/> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script> 
    </head> 
    <body> 
    <div class="navbar navbar-default"> 
    </div> 
    </body> 
</html> 
+0

こんにちは、StackOverflowのを歓迎します。ヘルプページ、特に[ここではどのトピックについて聞かせていただけますか?](http://stackoverflow.com/help/on-topic)と[質問しないでください。」](http://stackoverflow.com/help/dont-ask)。さらに重要なことは、[Stack Overflow question checklist](http://meta.stackexchange.com/q/156810/204922)をお読みください。また、[最小、完全、および検証可能な例](http://stackoverflow.com/help/mcve)についても知りたいことがあります。 – 31piy

答えて

1

$(document).ready()ラッパーを使用します。

<!DOCTYPE html> 
 
    <html lang="en"> 
 
    <head> 
 
    <title>Bootstrap 4 Example</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css"> 
 
    </head> 
 
    <body> 
 
    <div class="container-fluid"> 
 
     <h1>My First Bootstrap Page</h1> 
 
     <p>This is some text.</p> 
 
    </div> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.6/umd/popper.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script> 
 
    </body> 
 
</html>

+0

助けてくれてうれしいです - あなたが受け入れるようにsoutionをマークできれば、他の開発者は問題が解決されたことを知ります。ハッピーコーディング:) – gavgrif

+0

私の悪い考えは、それを修正したが、実際にはしなかった。私はあなたのコードを正確にコピーし、それはまだ動作していません。 –

+0

ちょっと - 私はメモ帳++にその内容を読み込み、それを走らせました - それはpopper.jsという名前のために間違っていました - 私はW#の学校のサイトからこのスケルトンをつかんでうまくいきました。 W3スクールは非常にうまくいくかもしれませんが、時には間違っていることに注意してください。今回は正しかったものの、このスケルトンはうまく動作します。スニペットのコンテンツは、スケルトンの新しい動作バージョンです。 – gavgrif

関連する問題