首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Codepen与本地不匹配

Codepen与本地不匹配
EN

Stack Overflow用户
提问于 2017-05-21 16:03:03
回答 1查看 199关注 0票数 1

我编辑了代码页中的设置,以便为css使用引导程序,但是它不会像在本地那样显示页面。

以下是本地页面的样子。

这里是本地代码,段落内容缩短了。

代码语言:javascript
复制
    <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>

这是它在代码页上的样子。

代码语言:javascript
复制
http://codepen.io/centem/pen/PbNbvR

我遗漏了什么?提前谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-05-21 16:45:48

codepen.io用于引导的默认cdn是用于引导4 alpha的。我对一些东西也表现不好有问题。

使用这个cdn代替:https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44098957

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档