开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Bootstrap CSS在Github页面上不起作用，但在localhost上起作用

问题描述：Bootstrap CSS在Github页面上不起作用，但在localhost上起作用。

解决方案：

确保正确引入Bootstrap CSS文件：在HTML文档的<head>标签中添加正确的Bootstrap CSS文件链接。可以使用CDN方式引入，也可以下载Bootstrap文件并本地引入。确保链接地址或文件路径正确无误。
检查网络连接：在Github页面上，确保网络连接正常，可以尝试刷新页面或检查网络设置。如果网络连接存在问题，可能导致Bootstrap CSS文件无法加载。
查看浏览器控制台错误信息：在浏览器中打开Github页面，并打开浏览器的开发者工具（一般通过按下F12键或右键点击页面并选择"检查"来打开）。切换到"控制台"选项卡，查看是否有任何关于Bootstrap CSS文件加载或解析的错误信息。根据错误信息来调试和解决问题。
检查Bootstrap版本兼容性：如果你使用的是较新版本的Bootstrap，有可能在某些浏览器或特定环境下存在兼容性问题。尝试使用其他版本的Bootstrap，或查看Bootstrap官方文档以了解兼容性相关信息。
清除浏览器缓存：有时候浏览器可能会缓存CSS文件，导致最新的Bootstrap CSS无法生效。尝试清除浏览器缓存，可以通过按下Ctrl + Shift + Delete组合键来打开清除缓存的选项。
检查Github Pages设置：如果你的网站是通过Github Pages托管的，确保在仓库的设置中启用了Github Pages，并选择了正确的分支或文件夹作为源。还要检查是否有任何自定义的URL重定向或CNAME配置导致CSS文件加载失败。
使用开发者工具进行排查：在开发者工具中，可以检查网络请求和加载的资源。确保Bootstrap CSS文件是成功加载的，并且网络状态码为200。如果网络请求失败或返回错误状态码，可能是由于服务器配置、网络设置等原因。

腾讯云产品推荐：若您希望在腾讯云上部署网站或应用并使用Bootstrap CSS，请考虑以下产品：

云服务器（CVM）：提供高性能、可扩展的云服务器，可以选择不同规格的实例，根据需求自由调整配置。详情请参考：https://cloud.tencent.com/product/cvm
云存储（COS）：提供高可靠、高扩展性的对象存储服务，用于存储和分发静态资源（如CSS、JS、图片等）。详情请参考：https://cloud.tencent.com/product/cos
云网络（VPC）：提供安全、灵活的专有网络，用于构建与外部网络的连接，确保数据传输的安全性和稳定性。详情请参考：https://cloud.tencent.com/product/vpc

以上是对问题的解答，希望能帮到您！

相关搜索:CSS在左边栏上不起作用，但在上边栏上起作用 css样式在aspx上不起作用，但在html上起作用 Ctrl+C(/Z)在konsole上不起作用，但在终端上起作用 get请求在android设备上不起作用，但在我的pc上起作用 Jquery在localhost上不起作用 JWT认证在网站上不起作用，但在“邮递员”上起作用 navigator.getUserMedia在safari上不起作用，但在其他浏览器上起作用 NodeJS在Heroku上不起作用，但在本地主机上起作用 Workbox在本地主机上不起作用，但在127.0.0.1上起作用 xdebug在localhost上不起作用

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

我们应该合并网站上的CSS/JS文件吗？

我们在做wordpress速度优化时总可以发现很多插件都提供了css/js合并功能。那么我们真的需要启用这个功能吗？

02

Bootstrap

Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。 Bootstrap支持响应式布局!响应式布局指的是一个网站能够兼容多种终端设备访问!. 终端设备:..电脑、平板电脑、手机

03

怎样只使用 CSS 进行用户追踪？

译者：黄梵高 https://juejin.cn/post/6887478219662950414

02

大三小白初次接触封闭式开发总结

学院大三的期末似乎总是这样，会在6月初的时候不是自己出去找到实习，不然就会要求你去到学校安排的实习中去（自己选择实习的方向），所以在我选择了Java Web方向，第二天就准备去实习的时候，突然接触到了一个急需上线的项目（很急），他们是从北京来的公司在这儿的酒店封闭式开发，需要我们工作室的人去跟进，我觉得机会难得；

07

Bootstrap 4/3 页面基础模板与兼容旧版本浏览器

Bootstrap 3 与 4 差别很大，目录文件结构、所引入的内容也不同，这里说说一下 Bootstrap 引入的文件、网页模板和兼容性问题。本网站刚刚搭建好，正好发一下文章原来测试网站。

03

vue 组件基本使用

组件是可复用的 Vue 实例，且带有一个名字。把这个组件作为自定义元素来使用。组件的好处是写一次可以进行任意次数的复用

02

Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结

Bootstrap时间日历插件bootstrap-datetimepicker配置与应用小结

02

又一个布局利器， CSS 伪类 :placeholder-shown

一般我们常见placeholder伪类选择器用来修改默认样式及文案，忽然发现placeholder-shown伪类选择器，比较官方的解释是

02

大三小白初次接触封闭式开发总结

前言：一晃眼都差不多11天没有更新了，差一点都以为自己松懈没有努力了，hhh...这几天去跟着一个项目组在酒店封闭式开发，经过了四天，今天算是回归学校实习的队伍中（时间冲突找了个人先替我去了学校安排的实习单位..），时间虽短，但是学习到了很多东西这里做一下简短的总结背景学院大三的期末似乎总是这样，会在6月初的时候不是自己出去找到实习，不然就会要求你去到学校安排的实习中去（自己选择实习的方向），所以在我选择了Java Web方向，第二天就准备去实习的时候，突然接触到了一个急需上线的项目（很急），他们

04

bootstrap笔记（一）——布局容器和排版样式

一般习惯于把引用的jquery.js 和 boostrap.js <body></body>标签中，bootstrap.css放在<style></style>标签中。

02

React Native 和iOS Simulator 那点事

React Native 和iOS Simulator 那点事尊重版权,未经授权不得转载本文出自:贾鹏辉的技术博客(http://www.devio.org) 本文出自《React Native学习笔记》@http://www.devio.org系列文章。问题1：使用React Native时按cmd+r无法reload js，cmd+d无法唤起 React Native开发菜单？不知大家是否有过这样的经历，用 React Native开发应用正不亦乐乎的时候，突然发现，cmd+r，cmd+

04

Go Web编程--使用Go语言创建静态文件服务器

上篇关于Go模板库应用实践的文章最后我们留下一个问题，页面模板是通过 CDN引用的 BootStrap的 css， js文件。到目前位置我们的服务器还无法伺服客户端的静态文件请求把服务器磁盘上的文件响应给客户端。使用和配置过 Nginx服务器的一定知道 Nginx天然支持静态资源的访问，那么我们是不是也要借助 Nginx才能实现处理静态文件请求呢？其实不是，在最开始的文章我们说过“Go语言不需要依赖任何第三方组件就能构建并启动一个高并发的 HTTP 服务器。”，这篇文章就让我们了解一下如何用 Go语言的 net/http库实现处理静态资源请求的问题。

02

CSS新特性的知识

CSS初学感觉很简单，但随着学习的深入才感觉CSS的水由多深，平常总会遇到各种坑，先总结一些经常遇到的坑

01

前端移动web-day05学习笔记

在某个查询区间，将栅格隐藏，可以用隐藏的样式，这个样式包括四个： 1、.hidden-xs 在屏幕小于768时将栅格隐藏 2、.hidden-sm 在屏幕大于等于768小于992时将栅格隐藏 3、.hidden-md 在屏幕大于等于992小于1200时将栅格隐藏 4、.hidden-lg 在屏幕大于等于1200时将栅格隐藏

02

【极简版】SpringBoot+SpringData JPA 管理系统

在上一篇中已经讲解了如何从零搭建一个SpringBoot+SpringData JPA的环境，测试接口的时候也成功获取得到数据了。

03

规则换了没关系，照样优雅的查看答案

又到了全新的一个学期，又迎来了全新的学习。三篇教程似乎在全新的单元上不起作用。基于他们的要求，我又去重新寻找新的方法。在经过了近20分钟的寻找，我最终找到了一个全新的方法完美解决了问题，请看以下视频。

01

Bootstrap学习文档（一）

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目，使用这个框架可以简单高效的开发出适配各种屏幕的网站应用，即是编写一套代码，适用多重平台（PC，平板，手机等）。Bootstrap 相比其他框架，自由度更高，它提供了基本的样式和基本的组件，而不会在创造上约束开发者的思维。

02

移动开发-响应式

移动开发-响应式布局响应式开发原理: 使用媒体查询针对不同宽度的设备进行布局和样式设置，从而适配不同设备设备划分尺寸区间超小屏幕 (手机) < 768px 小屏设备 (平板) >= 768px ~ < 992px 中等屏幕 (桌面显示器) >= 992px ~ <1200px 宽屏设备 (大桌面显示器) >= 1200px 响应式布局容器: 响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从

02

关闭 Windows Defender 工具

从Vista开始，Windows Defender包含在Windows中。这是一小块软件，可在后台运行，以帮助保护您的计算机免受病毒，间谍软件和其他恶意软件（恶意软件）的侵害。潜在有害的软件。某些间谍软件防护总比没有防护好，而且它是内置的且免费的！但是……如果您已经在运行某些能够提供出色的反恶意软件保护功能，则防御者可能会浪费宝贵的资源，因此一次无需运行多个应用程序。

02

显示隐藏高德地图点标注的文本标签「建议收藏」

如下代码是百度地图通用的方法，显示隐藏文本标签，但是用在高德地图上不起作用，网上百度无果

02

Vue webpack打包后，css样式发生改变或不起作用

用run dev build打包后，发现样式改变了，最终发现addAdress.vue和myAdress.vue中的有个类名是相同的，但是想着

03

你可能不知道，前端这6个有用的技术可以这么酷！

为了让大家编程更轻松一些，本挑选一些有用的但相对比较少见有用的技巧。废话不多说，开车了。

04

vue -- v-cloak解决刷新或者加载出现闪烁（显示变量）

在使用vue绑定数据的时候，渲染页面时会出现变量闪烁，例如

{{value.name}}

在加载的时候会看到 {{value.name}} 在页面出现，过了几秒之后才会渲染数据，在vue中有个指令可以解决这个问题，v-cloak v-cloak要放在什么位置呢，是不是每个需要渲染数据的标签都要添加这个指令，经过我的试验发现，v-cloak并不需要添加到每个标签，只要在el挂载的标签上添加就可以， <div class="#app" v

09

springboot展示页面（及关于ajax中页面不跳转问题）

当按钮typ为submit时，在ajax的success的方法中window.location,href跳转不起作用；

03

Artifactory清理未使用的二进制品的最佳实践

Artifactory充分利用了基于Checksum的存储，但是这种机制无法代替常规的工件清理任务。软件开发可能很杂乱，很多时候Artifactory中的许多工件都从未使用过。

00

Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结

https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js

02

vue中v-cloak解决刷新或者加载出现闪烁显示变量问题

在vue中有个指令可以解决这个问题，v-cloak 那么，v-cloak要放的位置并不需要添加到每个标签，只要在el挂载的标签上添加就可以

02

PageGuard.js 防止网站内容复制和检测开发者工具代码

检测开发者工具的话，整合了各种较新的方法，经测试是支持 Chrome （包括单独窗口打开的情况）和 Firefox （在单独窗口打开时，只有打开控制台时才能检测到），其他浏览器还没有测试，不过估计 chromium 内核的浏览器也都是支持的

AngularDart4.0 英雄之旅-教程-07路由顶

如果该应用程序尚未运行，请启动该应用程序。在进行更改时，请通过重新加载浏览器窗口来保持运行。

03

css+div知识温馨

直接对盒子设置margin-left:auto; margin-right:auto ,如果要设置垂直居中，发现这种方法无效，无法通过设置margin:auto让垂直也居中

02

Qt(MinGW ) Windows下创建动态库

上一次和大家分享的是Linux下Qt创建共享库并链接共享库，这次和大家分享的是Windows下Qt创建共享库并链接共享库。大家肯定注意到标题中Qt后面括号中的minGW，为什么要加上minGW呢？先卖个关子，后面的介绍中会解释的。

01

【云端架构】前端 css print 用法

说到网页打印，首先想到的便是@media查询（即网页css），通过使用媒体类型print即可解决实际应用的大多数问题，比如实现只打印网页的某部分内容，调整字体大小、修改布局等使打印出来的纸质文件更简洁明了。代码如下：

08

关于PHP缓冲控制在IE浏览器下的应用

最近写程序的时候遇到一个问题，就是我用PHP控制浏览器缓冲，试了N次都无法实现想要的效果，具体程序见下面的代码：

01

学会使用 CSS 自定义滚动条，能让你做的产品更有用户体验！

自定义滚动条现在越来越流行，很值得研究一翻。为什么需要自定义滚动？浏览器的默认的滚动条让UI在多个操作系统中看起来不一致，使用定义滚动我们可以统一风格。

02

Machine Can See 2018 图像对抗攻击大赛比赛心得

AI 研习社按：这篇文章来自俄罗斯数据科学家、机器学习爱好者、创业公司的计算机视觉研究员 Alexander Aveysov。他参加了 2018 年度的「Machine Can See」的对抗性样本攻防大赛，并在比赛中获得了第二名。这篇文章是他对这次比赛的个人感想以及经验总结。AI 研习社编译如下。

03

干货 | Machine Can See 2018 图像对抗攻击大赛比赛心得

AI 科技评论按：这篇文章来自俄罗斯数据科学家、机器学习爱好者、创业公司的计算机视觉研究员 Alexander Aveysov。他参加了 2018 年度的「Machine Can See」的对抗性样本攻防大赛，并在比赛中获得了第二名。这篇文章是他对这次比赛的个人感想以及经验总结。AI 科技评论编译如下。

02

浏览器兼容性问题

问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。

03

css print

最近做表单打印，遂整理了一些打印相关的内容。说到网页打印，首先想到的便是@media查询（即网页css），通过使用媒体类型print即可解决实际应用的大多数问题，比如实现只打印网页的某部分内容，调整字体大小、修改布局等使打印出来的纸质文件更简洁明了。代码如下： @media print{ /*隐藏不打印的元素*/ .no-print{ display:none; } /*其他打印样式*/} 但是，就打印表单来说，仅解决上述问题是不够的，我们无法忍受表单存

03

HTML/CSS 第三章

多说一嘴：用数字设置的时候，只有400和700会产生变化，是因为字体在初始设计的时候就没有设置太多的粗细标准，一般就是两种，默认的和加粗的所以在实际工作中用的最多的就是normal（400） bold（700）

03

Python开发---单选题考试H5页面

调查问卷通常采用选择题来方便问卷对象更简单快速完成调查。而且为了统计分析更加有针对性和明确性，调查问卷题目设计成单选题更合理有效。即使是现实情况下涉及多条选项更合理的题目，也可以用“最喜欢”，答案“都有”，或者答案组合（1）（3）（6）设计为单个选项等还用单选题的形式来收集答案。下面介绍类似调查问卷的单选题考试的H5微应用。

04

ROPEMAKER：利用简单CSS属性就可以篡改已发送的邮件内容

邮件与云安全公司 Mimecast 的安全研究人员 Francisco Ribeiro 最近发现一种名为 ROPEMAKER 的攻击手法。ROPEMAKER 全称叫 Remotely Originated Post-delivery Email Manipulation Attacks Keeping Email Risky。攻击者利用这个攻击方法，可以让一封合法邮件瞬间变身恶意邮件，一般的安全工具还检测不出来。攻击者给受害人发送一封 HTML 格式的邮件，在这封原本合法的邮件发出之后，攻击者还能篡改邮件内

08

层叠样式表——CSS

以前我们通过VB敲机房的时候，可以直接通过拖动窗体上的控件、修改代码的属性或是通过代码来设置窗体的布局，而在B/S的学习中，可以通过CSS语言来使网页的内容和样式分离，也就是在aspx或是html中设计网页的内容，在CSS表中设置网页的显示、文字的设计等。

02

【Vue】（2）基础知识 | 过滤器 | 指令

03

springboot开发之引入资源并实现跳转到登录界面

我们可以在External Libraries下找相应的jar，并查看里面的目录结构：比如

02

解决在bootstrap模态框modal里使用clipboard.js时复制失效

当我在bootstrap模态框modal中使用clipboard.js时，复制功能不起作用，但是在模态对话框之外的使用却没有任何问题

02

手把手教你写一个简易的微前端框架

最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。

04

如何在Ubuntu 14.04中使用NodeJS，SailsJS和DustJS构建SPA（单页应用程序）

Node.js®是一个基于Chrome JavaScript运行时的平台，可轻松构建快速，可扩展的网络应用程序。Node.js使用事件驱动的非阻塞I / O模型，使其轻量级和高效，非常适合在分布式设备上运行的数据密集型实时应用程序。

00

基于Vue、ElementUI的换肤解决方案

换肤这个功能，不能算是很常见，但是也是有需求的，所以这里提供几种前端的换肤解决方案，供大家参考。

03

移动端WEB开发之响应式布局

原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭