Question

我在codepen中编辑了设置以使用bootstrap for 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 vs Local不匹配

1 个答案: