Question

这里非常初学者代码。但我的bootstrap并没有链接到我的HTML。我正在尝试创建一个导航栏，其中拉出四个列表元素，以便它们位于同一行。

<! DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="main.css">
</head>

    <body>
        <div class="nav">
            <div class="container">
                <ul class="pull-left">
                    <li>ONE</li>
                    <li>TWO</li>
                </ul>

                <ul class="pull-right">
                    <li>LOG IN</li>
                    <li>HELP</li>
                </ul>
            </div> <!--End nav container-->

        </div> <!--End nav-->

    </body>
</html>

截至目前，该列表以HTML显示列表的默认方式显示。 main.css的第二个链接只是一个空白文件，我没有做任何事情。这些文件的结构如下：

文档/网络

我的网络文件夹中都有。

Answer 1

退出协议告诉浏览器通过当前正在查看网页的同一协议（http://www.paulirish.com/2010/the-protocol-relative-url/）获取链接。

您在本地查看HTML（超过file://），因此您的浏览器正在解释：

href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"

如：

href="file://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"

我非常确定您的计算机上不存在。

只需为本地开发添加http:协议，或者将bootstrap.min.css下载到您的Documents / Web并将href更改为相对路径。

为什么不引导链接到我的HTML

1 个答案: