我正在为使用ROR的朋友创建一个网站,并使用Bootstrap进行格式化。我创建了几个静态页面,例如主页。运行bundle install并添加bootstrap css框架后,重新启动服务器,没有任何页面上显示的html显示出来。但是,application.html.erb渲染得很好,但它只是一个简单的标题。
在我的宝石文件中,我添加了:
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>
答案 0 :(得分:0)
钟,
如果没有看到您的设置,很难分辨。以下是我遵循的说明,我使用rails正确启动了引导程序。如果您已经按照说明操作,请告诉我,如果没有,您可以发布您的设置,以便我们可以看到出现了什么问题。