bootstrap.min.css未由Chrome和Firefox加载

时间:2015-03-20 09:00:28

标签: 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解决此类问题吗?即Firebug会告诉我这里缺少什么吗?

1 个答案:

答案 0 :(得分:1)

可能会误导Rel属性:

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

ref替换为rel

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

也许......