Bootstrap 设计因 CDN 和本地下载而异

Posted

技术标签:

【中文标题】Bootstrap 设计因 CDN 和本地下载而异【英文标题】:Bootstrap design varies between cdn and local download 【发布时间】:2014-10-17 14:39:57 【问题描述】:

我使用 bootstrap 和这个 url 创建了一个登录页面:

http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css

设计不错。后来我决定下载相同的 css 文件并集成到我的应用程序中。设计各不相同。

会有什么问题?我想下载什么?

我的离线文件夹为:字体、css、js

这是对比图:

!

我的离线: 链接(rel='stylesheet', href='/stylesheet/bootstrap-theme.min.css') 链接(rel='样式表',href='/stylesheet/bootstrap.css') 链接(rel='stylesheet', href='/stylesheets/style.css')

但没有运气!

【问题讨论】:

很明显,您的页面上没有应用 CSS。请确保您使用的是正确的路径。 这里不正确,但我不知道问题所在。 然后确保根据给定的答案,您在顶部使用引导 CSS 文件(即在 <head> 标记之前),然后调用其他 CSS 文件。 您在发布时是否以这种方式调用 CSS。 <link rel="stylesheet" type="text/css" href="/stylesheet/bootstrap.min.css" /> 我们实际上不知道哪个 CSS 文件包含哪个元素的样式,您刚刚提供了一个屏幕截图。为了回答您,我们需要查看您正在使用的代码,如果您在 JsFiddle 上设置一个演示会更容易。 【参考方案1】:

对不起每个人.. 我的样式表路径中有一个错字:(不是 shtylesheet 它是样式表)

link(rel='stylesheet', href='/stylesheet/bootstrap.css')
link(rel='stylesheet', href='/stylesheets/style.css')

【讨论】:

我从未见过以这种方式包含 CSS 文件。 这是玉石模板! 你是说jade4j吗?如果是这样,请在您的帖子中添加适当的标签。【参考方案2】:

虽然如果您下载了自定义版本的 Bootstrap,可能会发生这种情况,但从图像的外观来看,很明显您正在使用 Bootstrap 之外的其他 CSS 文件,请确保也包含它,并在 Bootstrap 之后加载它以便覆盖任何需要的声明

【讨论】:

以上是关于Bootstrap 设计因 CDN 和本地下载而异的主要内容,如果未能解决你的问题,请参考以下文章

请问Bootstrap中的bootstrap.min.js下载到本地为啥不能用?

Bootstrap引入样式和脚本

jsPDF生成pdf文件和中文编码

Bootstrap免费 CDN 加速服务/Bootstrap文件怎么引入

来自 cdn 的 bootstrap.min.css 大小在 devtools 中显示出惊人的大小

bootstarp基本使用