Bootstrap CSS 无法在 Github 页面上工作，但在本地主机上工作

Question

我正在制作一个作品集，它在本地主机上看起来很棒，但是当我尝试将它提交到 Github (https://gabrielbrickle.github.io/) 时，CSS 不起作用。

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="css/nivo-lightbox.css" rel="stylesheet" />
<link href="css/nivo-lightbox-theme/default/default.css" rel="stylesheet" type="text/css" />
<link href="css/animations.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet">
<link href="color/default.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">

Answer 1

将 https:// 用于 bootstrap css Link.If 右键单击，检查并查看 Chrome 中的控制台，您会发现错误。

Answer 2

尝试改变这个：

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

对此：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

如果您打开开发人员控制台（右键单击检查元素），它说您正在尝试从 http 加载 https

Answer 3

Github 通过 HTTPS 加载。引用外部样式表将需要相同的协议。

您可以在 DevTools 中查看错误。

您可以在本地保存 Bootstrap 并引用它，或者使用安全超文本传输协议 (HTTPS) 加载它。

Answer 4

我遇到了类似的问题。我四处乱逛，发现我错误地提到了其中一个来源。我对源文件夹的首字母使用了错误的大小写。我曾使用 ./Assets/css （不正确的）而不是 ./assets/css （正确的）。修复错误也修复了 Github 站点上的 CSS！

Bootstrap CSS 无法在 Github 页面上工作，但在本地主机上工作

Bootstrap CSS not working on Github Pages, but works in localhost

html

css

github

github-pages