link 对于 cdn 文件不支持 html

Question

下面给出的 HTML 代码不遵循 link 中提供的样式表。
见以下代码：

<!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 link

设置 HTML 的样式

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

Answer 1

这是因为 GitHub 确实不打算用作 CDN，因此它以纯文本形式提供文件。您可以改用 link：

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/ 并改用他们推荐的 cdns 之一

Answer 3

github 不是加拿大人。

尝试使用引导程序 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/

link 对于 cdn 文件不支持 html

link for cdn file not working with html

html

css

cdn