Question

下面给出的HTML代码不遵循链接中提供的样式表请参阅以下代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Demo </title>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" />

    <link href="https://raw.githubusercontent.com/nkg447/static/master/static/bootstrap3/css/bootstrap.css" rel="stylesheet" />


</head>
<body>

<div class='container'>
    <h1>nofacebook </h1>
    <h4 align="right"></h4>
    <ul class="nav nav-pills ct-blue">

              <li><a href="/">Home</a></li>

              <li><a href="/register/">Register</a></li>

              <li><a href="/login/">Login</a></li>

              <li><a href="/about/">About</a></li>

              <li><a href="/contact/">Contact</a></li>

        </ul>
</div>
</body>
</html>

上面的代码没有根据CSS链接设置HTML样式

<link href="https://raw.githubusercontent.com/nkg447/static/master/static/bootstrap3/css/bootstrap.css" rel="stylesheet" />

Answer 1

这是因为GitHub实际上并不打算用作CDN，因此它将文件作为纯文本提供。您可以改为使用此链接：

https://cdn.rawgit.com/nkg447/static/master/static/bootstrap3/css/bootstrap.css

Answer 2

如果您打开开发人员工具，您将看到一条警告，告诉您css文件被转移为文件而不是样式表，因此未加载。

GitHub不是cdn存储，不支持此功能。

我建议您阅读bootstraps网站https://getbootstrap.com/docs/3.3/getting-started/ 并使用他们推荐的其中一个cdn

Answer 3

github不是CDN。

尝试使用bootstap CDN - bootstrapcdn.com

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" rel="stylesheet" />

按预期方式对页面进行样式设定 - https://jsfiddle.net/ajthomascouk/4sm9cs00/

cdn文件的链接无法使用html

3 个答案: