引导程序后的Ruby on Rails在未显示的静态页面上安装HTML

时间:2018-01-05 23:51:58

标签: ruby-on-rails ruby twitter-bootstrap

我正在为使用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>

1 个答案:

答案 0 :(得分:0)

钟,

如果没有看到您的设置,很难分辨。以下是我遵循的说明,我使用rails正确启动了引导程序。如果您已经按照说明操作,请告诉我,如果没有,您可以发布您的设置,以便我们可以看到出现了什么问题。

http://www.rubydoc.info/gems/bootstrap-sass/3.3.7