Html 引导CSS不适用于Github页面,但适用于localhost
我正在处理一个公文包,它在localhost中看起来很棒,但是当我尝试将它提交到Github()时,CSS不起作用Html 引导CSS不适用于Github页面,但适用于localhost,html,css,github,github-pages,Html,Css,Github,Github Pages,我正在处理一个公文包,它在localhost中看起来很棒,但是当我尝试将它提交到Github()时,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 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">
使用https://for bootstrap css链接。如果右键单击,检查并查看Chrome中的控制台,您会发现错误。尝试更改以下内容:
<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">
如果您打开开发人员控制台(右键单击inspect元素),它会显示您正试图从
https中的http
加载,而Github是通过https加载的。引用外部样式表将需要相同的协议
您可以在DevTools中看到错误
您可以在本地保存引导并引用它,或者使用超文本传输协议安全(HTTPS)加载它
我也有类似的问题。我搞砸了,发现我错误地引用了其中一个来源。我使用了错误的大小写作为源文件夹的第一个字母。我使用了./Assets/css(不正确的一个)而不是./Assets/css(正确的一个)。修复错误也修复了Github站点上的CSS 似乎没有应用引导样式表。我认为github需要https。您只需在本地保存引导并引用它。