首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >不使用html的cdn文件的链接

问不使用html的cdn文件的链接
EN

Stack Overflow用户
提问于 2018-01-16 12:27:11
回答 3查看 869关注 0票数 0

下面给出的HTML代码不遵循链接中提供的样式表。

请参阅下列代码:

代码语言:javascript
复制
<!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进行样式设置。

代码语言:javascript
复制
<link href="https://raw.githubusercontent.com/nkg447/static/master/static/bootstrap3/css/bootstrap.css" rel="stylesheet" />
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-01-16 12:28:38

这是因为GitHub实际上不打算用作CDN,因此它以纯文本的形式提供文件。您可以使用此链接来代替:

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

票数 3
EN

Stack Overflow用户

发布于 2018-01-16 12:31:42

如果您打开开发人员工具,您将看到一个警告,告诉您css文件是作为一个文件而不是样式表传输的,因此没有加载。

GitHub不是cdn存储,也不支持这一点。

我建议您阅读引导程序网站https://getbootstrap.com/docs/3.3/getting-started/,并使用他们推荐的cdn之一。

票数 0
EN

Stack Overflow用户

发布于 2018-01-16 12:34:03

github不是CDN.

尝试使用bootstap bootstrapcdn.com

代码语言:javascript
复制
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" rel="stylesheet" />

它按预期设置页面样式- https://jsfiddle.net/ajthomascouk/4sm9cs00/

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

https://stackoverflow.com/questions/48281295

复制
相关文章

相似问题

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