Bootstrap CSS不能在Github Pages上运行，但可以在localhost中运行

Question

我正在开发一个组合，它在localhost中看起来很棒，但是当我尝试将它提交给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链接。如果您右键单击，请检查并查看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也得到了修复！