【发布时间】：2018-01-05 23:51:58
【问题描述】：
我正在为使用 ROR 之类的朋友创建一个网站，并正在使用 Bootstrap 进行格式化。我创建了几个静态页面，例如主页。运行 bundle install 并添加引导 css 框架并重新启动服务器后，任何页面上编写的 html 都没有显示出来。然而，application.html.erb 渲染得很好，但它只是一个简单的标题。
在我的 gem 文件中我添加了：
gem 'bootstrap-sass', '3.3.7'
接下来我创建了一个 custom.scss 文件并添加了：
@import "bootstrap-sprockets";
@import "bootstrap";
然后我将它添加到我的 application.js 中：
//= require jquery
//= require bootstrap-sprockets
这是我的 Application.html.erb 中运行良好的代码：
<!DOCTYPE html>
<html>
<head>
<Title>Real Life Magic Make-Believe</Title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
</head>
<body>
<header class="navbar navbar-fixed-top navbar-inverse", id: "nav">
<div class="container">
<%= link_to "REAL LIFE MAGIC MAKE-BELIEVE", root_path, id: "logo" %>
<nav>
<ul class="nav navbar-nav navbar-right">
<li><%= link_to "Home", root_path, id: "l1" %></li>
<li><%= link_to "About", about_path, id: "l1"%></li>
<li><%= link_to "Contact Us", contact_path, id: "l1"%></li>
</ul>
</nav>
</div>
</header>
</body>
</html>
这是一个甚至无法加载的代码示例：
<!DOCTYPE html>
<div class= "center jumbotron">
<body>
<h1>REAL LIFE MAGIC MAKE-BELIEVE</h1>
<p>
Welcome to the home page
</p>
</body>
</div>
【问题讨论】：
-
如果你想要构建的只是一个静态网站，那么 Rails 可能会有点矫枉过正。你可以试试Middleman，它是一个静态站点构建器。
-
您可能没有将资产添加到您的 application.css 和 application.js
-
我确实添加了 js 和应用程序资产，就像我说的 application.html.erb 在引导样式中渲染得很好
-
您是否在 application.css/scss 中包含 custom.scss？
标签： ruby-on-rails ruby twitter-bootstrap