Codepen vs Local不匹配

我編輯了codepen中的設置以使用CSS的引導程序，但它不會像在本地一樣顯示頁面。Codepen vs Local不匹配

這是頁面看起來像本地的東西。

這裏是縮短了段落內容的本地代碼。

<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用於Bootstrap的默認cdn用於Bootstrap 4 alpha。我遇到了不正確顯示的問題。

使用該CDN來代替： https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

來源

2017-05-21 16:45:48

這做到了貓！謝謝。 – martinbshp

Codepen vs Local不匹配

回答

相關問題