Codepenとローカルが一致しません

cssのブートストラップを使用するようにcodepenの設定を編集しましたが、ページはローカルに表示されません。Codepenとローカルが一致しません

ページはローカルで表示されます。

ここに段落の内容が短縮されたローカルコードがあります。

<html> 
    <head> 
     <script src="js/jquery-1.9.1.js"></script> 
     <script src="js/bootstrap.js"></script> 
     <link rel="stylesheet" href="css/bootstrap.css"> 
     <link rel="stylesheet" href="font-awesome-4.6.1/fonts/fontawesome-webfont.svg"> 
     <style> 
      body{ 
       margin: 50px; 
       background-color: black; 
      } 
      .container{ 
       border: 3px solid red; 
       width: 80%; 
      } 
     </style> 
    </head> 
    <body> 
     <div class="container panel panel-default"> 
      <div class="row text-center"> 
       <div class="col-xs-12"> 
       <h2>William "Bill" Paxton</h2> 
        <p><em>May 17, 1955 – February 25, 2017</em></p> 
       </div> 
      </div> 
      <figure class="figure text-center"> 
       <img src="images/download.jpeg" width="30%" alt="image of Bill Paxton"> 
       <figcaption class="figure-caption">An image of Bill Paxton</figcaption> 
      </figure> 
      <div class="well"> 
       <section> 
        <p>...</p> 
        <h3>Early Life</h3> 
        <p>...</p> 
        <h3>Career</h3> 
        <p>...</p> 
        <h3>Personal Life</h3> 
        <p>...</p> 
       </section> 
      </div> 
      <div class="well"> 
       <section> 
        <h3>Click <a href="http://www.imdb.com/find?ref_=nv_sr_fn&q=bill+paxton&s=all" target="_blank">here</a> check out is filmography on IMDB</h3> 
       </section> 
      </div> 
     </div> 
    </body> 
</html>

ここはcodepenのようです。

http://codepen.io/centem/pen/PbNbvR

何が欠けていますか？前もって感謝します。

出典

2017-05-21 martinbshp

codepen.ioがブートストラップに使用するデフォルトのcdnは、ブートストラップ4アルファ用です。私は正しく表示されないものにも問題がありました。代わりに

使用このCDNを：それは猫でし https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

出典

2017-05-21 16:45:48

！ありがとうございました。 – martinbshp

Codepenとローカルが一致しません

答えて

関連する問題