为什么我的 localhost 网页显示文本而不是 Bootstrap NavBar？错误 404答案

【问题标题】：Why does my localhost webpage show text instead of Bootstrap NavBar? error 404为什么我的 localhost 网页显示文本而不是 Bootstrap NavBar？错误 404
【发布时间】：2015-02-27 05:31:03
【问题描述】：

我已阅读所有建议的问题，但没有一个适合我的问题。我一直在做一个月的 Rails。我正在尝试让 Bootstrap 更改显示在我的 Localhost:3000 站点上。我可以显示一些更改，但它们不会被渲染，看起来很难看并且显示为文本列表或项目符号。我开始只是尝试一个容器，但这没有用。我尝试了一个导航栏，但它在网页上显示为文本，按钮是文本，还有一些奇怪的项目符号。该字体不是 Bootstrap 字体。我在 StackOverflow 和其他网站上尝试了无数的东西。我不知道如何解决这个问题，我担心我尝试过的所有事情现在都搞砸了。

如何让 Bootstrap 组件显示在我的 localhost:3000 pinteresting 页面上？我正在使用 Windows 7 家庭版。和 Chrome 浏览器。

我从 localhost 页面访问了 Chrome 的开发者工具，发现： http://localhost:3000/stylesheets/default.css 加载资源失败：服务器响应状态为 404（未找到） /javascripts/default.js 加载资源失败：服务器响应状态为 404（未找到） /stylesheets/default.css 加载资源失败：服务器响应状态为 404（未找到）

我的 javascripts 文件夹（来自 Sublime）仅显示 application.js 和 pages.js.coffee

样式表文件夹仅包含 application.css、bootstrap_and_customization.css.scss 和 pages.css.scss。 bootstrap_and_... 是我被告知通过 OneMonthRails 创建的。

【问题讨论】：

标签： ruby-on-rails twitter-bootstrap http-status-code-404

【解决方案1】：

您能否确保您的以下文件有这些行，因为我检查了我的一个项目并且那里一切正常。

（我更喜欢 SCSS）

stylesheets/application.css

/*
*= require_tree .
*= require_self
*/

样式表/framework_and_override.css.scss

@import "bootstrap-sprockets";
@import "bootstrap";

javascripts/application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap-sprockets
//= require_tree .

宝石文件

gem 'bootstrap-sass', '~> 3.3.1'
gem 'autoprefixer-rails'

【讨论】：