Codepen 与 Local 不匹配

Question

我编辑了 codepen 中的设置，将 bootstrap 用于 css，但它不会像在本地那样显示页面。

这是页面在本地的样子。

这里是删减了段落内容的本地代码

    <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

我错过了什么？提前致谢。

Answer 1

codepen.io 用于 Bootstrap 的默认 cdn 用于 Bootstrap 4 alpha。我也遇到过无法正常显示的问题。

改为使用此 cdn： https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

Codepen 与 Local 不匹配

Codepen vs Local not matching up

html

css

twitter-bootstrap

codepen