2017-05-21 4 views
1

Ich habe die Einstellungen in Codepen bearbeitet Bootstrap für CSS zu verwenden, aber es wird nicht angezeigt, wie es lokal tut.Codepen vs Local nicht zusammenpassen

Hier ist, wie die Seite lokal aussieht. enter image description here

Hier ist der lokale Code mit dem Absatz Inhalt verkürzt.

<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> 

Hier ist, wie es auf Codepen aussieht.

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

Was fehlt mir? Danke im Voraus.

Antwort