Twitter引导程序显然没有加载答案

【问题标题】：Twitter bootstrap apparently not loadingTwitter引导程序显然没有加载
【发布时间】：2023-04-09 21:26:01
【问题描述】：

我有一个简单的 ROR 项目，我想使用 Bootstrap-sass。我已将它添加到我的 Gemfile 中，运行捆绑安装并添加了“@import“bootstrap”；”作为我的 CSS 的 very 第一行文件。作为快速测试，我剪切并粘贴了几个不同样式的按钮示例。

它们在网页上显示为几个普通按钮。

如何判断 bootstrap 是否真正被加载？

更新：查看浏览器的错误控制台，我看到以下消息： '样式表 localhost:3000/assets/bootstrap 未加载，因为它的 MIME 类型“application/javascript”不是“text/css”'

有什么想法吗？

谢谢，

【问题讨论】：

我想我已经解决了这个问题。如果我将我的 css 文件中的 @import 语句更改为“@import bootstrap.css”而不是“@import bootstrap”，它似乎可以工作。当然，这违背了我读过的关于安装引导程序的所有内容......

【解决方案1】：

我通过将 application.css 重命名为 application.scss 解决了问题

首先我想我做到了，但显然我没有保存重命名的文件名。

【讨论】：

【解决方案2】：

首先，您可以检查浏览器控制台的 NET 面板。它应该显示对“bootstrap.css”的请求。听起来确实没有被拉进来。这将是确认的第一步。

【讨论】：

在 2013-01-22 17:55:32 -0800 开始 GET "/assets/application.js?body=1" for 127.0.0.1 服务资产 /application.js - 200 OK (0ms ) 开始 GET "/assets/jquery_ujs.js?body=1" for 127.0.0.1 at 2013-01-22 17:55:32 -0800 Served assets /jquery_ujs.js - 304 Not Modified (0ms) Started GET "/assets /bootstrap” for 127.0.0.1 at 2013-01-22 17:55:32 -0800 服务资产 /bootstrap - 304 未修改 (1ms) 开始 GET "/assets/logo.png" for 127.0.0.1 at 2013-01- 22 17:55:32 -0800 服务资产 /logo.png - 200 OK (0ms)
你能发一个html sn-p吗？
抱歉没有格式化。应该有几个按钮下拉。这是我复制示例的 URL：adobe.com/devnet/html5/articles/twitter-bootstrap.html
Mozilla 控制台提供了线索？样式表 loalhost:3000/assets/bootstrap 未加载，因为它的 MIME 类型“application/javascript”不是“text/css”。

【解决方案3】：

我记得我第一次使用引导程序时它不起作用。这是因为我没有将文档根目录指向正确的位置。当然，我通常会检查文档根目录，因为它对我来说是一个反复出现的问题，现在我知道我倾向于在那里犯错误，所以我从那里开始。我会说，花时间看看我经常犯的错误类型有助于我的成长。

【讨论】：