javascript - Chrome 和 Firefox 未加载 bootstrap.min.css

标签 javascript css twitter-bootstrap firebug

我正在尝试使用 Bootstrap 自定义我页面上几个按钮的外观,我包含了如下 JS 和 CSS:

link(href='/stylesheets/style.css', rel='stylesheet')
link(href='/stylesheets/jquery.dataTables.css', rel='stylesheet')
link(href='//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css', rel='stylesheet')
script(src='https://code.jquery.com/jquery-2.1.3.js')
script(src='https://code.jquery.com/ui/1.11.2/jquery-ui.js')
script(src='/javascripts/jquery.dataTables.min.js')
script(src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js')
link(href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css', ref='stylesheet')
script(src='/javascripts/typeahead.bundle.js')
script(src='/javascripts/handlebars-v2.0.0.js')
script(src='/front_JS/searchFrontEnd.js')

我注意到根本没有加载 bootstrap.min.css;通过使用 Firebug,我看到了以下内容(除了 bootstrap.min.css 之外没有“+”图标):

bootstrap.min.css not expandable in Firebug

Chrome 和 Firefox 我都试过了,问题是一样的。

我的问题:

  1. 我是否需要包含一些其他 CSS 或 JavaScript 才能包含 bootstrap.min.css?

  2. 我可以使用 Firebug 来解决此类问题吗? IE。 Firebug 会告诉我这里缺少什么吗?

最佳答案

可能拼错了 Rel 属性:

link(href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css', ref='stylesheet')

rel替换ref

link(href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css', rel='stylesheet')

也许……

关于javascript - Chrome 和 Firefox 未加载 bootstrap.min.css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29162798/

相关文章:

javascript - FusionCharts feedData 不是 AngularJS 中的函数

javascript - $.when.apply 不评估数组中任何定义的函数

javascript - 鼠标悬停后div发生变化,div不显示

html - 了解 CSS "section.positioned"选择器

css - Bootstrap Carousel - 动画和边距问题

javascript - Chartbeat - 可以跟踪 Javascript 事件吗?

html - 如何使用图像作为输入组插件并且周围没有填充/边距?

javascript - 优化css : many tables that contain tables

html - 如何使用 Bootstrap 创建带有选择、按钮、按钮下拉列表和插件的按钮组

javascript - 我可以从 CoffeeScript 文件调用 Javascript 函数吗?