【问题标题】:Cannot see contents of home page <%= yield %> doesn't work看不到主页内容 <%= yield %> 不起作用
【发布时间】:2012-11-15 16:34:31
【问题描述】:

我刚刚完成了 Michael Hartl 的 Rails 教程。我试图返回并使用他的教程作为参考创建一些新的和非常基本的东西。

安装 bootstrap 并将其导入 custom.css.scss 后,我在顶部放置了一个导航栏,类似于他在教程中添加的导航栏。当我这样做时,我再也看不到 home.html.erb 文件中写入的任何内容。当我删除标题时,我又可以看到它,为什么?

我的测试表明它在那里,但我的浏览器(chrome)没有显示它。

布局/应用程序:

<!DOCTYPE html>
<html>
<head>
  <title><%= full_title(yield(:title)) %> </title>
  <%= stylesheet_link_tag    "application", :media => "all" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
  <%= render 'layouts/shim' %>
</head>
<body>
    <%= render 'layouts/header' %>
    <%= yield %>
</body>
</html>

布局/_header.html.erb

<header class="navbar navbar-fixed-top navbar-inverse">
  <div class="navbar-inner">
    <div class="container">
      <%= link_to "Basic", 'root_path', id: "logo" %>
      <nav>
        <ul class="nav pull-right">
          <li><%= link_to "Sign in",    '#' %></li>         
          <li><%= link_to "New? Sign up",    '#' %></li>
        </ul>
      </nav>
    </div>
  </div>
</header>

static_pages/home.html.erb

<% provide(:title, 'Home') %>
<p>
This is a basic page.  This text should be visible but it isn't.
</p>

【问题讨论】:

  • 你需要运行rb文件,你是这样做还是只是浏览源代码?
  • 我不明白。我正在运行 rails 服务器并使用浏览器在端口 3000 上连接到它,就像我在整个教程中所做的一样。
  • 好的,那么,我猜问题出在其他地方,如果你在页面空白时(当你有标题的时候)做一个查看源代码,你会看到什么
  • 哦,我没想到那里看,我确实在源代码中看到了文字,很奇怪。
  • 我尝试将鼠标悬停在页面上以高亮显示所有内容,有时高亮显示不可见但运气不佳的文本。

标签: layout twitter-bootstrap yield railstutorial.org


【解决方案1】:

很遗憾,这是我的另一个新手问题。

答案是文本隐藏在导航栏后面。我不知道导航栏是如何工作的。我是该引导功能的新手。显然您必须在 CSS 中设置以下内容:

body { padding-top: 60px; }

【讨论】:

  • 不是“可悲”,有一个问题然后你找到了解决方案,那是一个快乐的时刻:)
猜你喜欢
  • 1970-01-01
  • 2017-11-18
  • 2018-02-08
  • 2013-06-10
  • 1970-01-01
  • 1970-01-01
  • 2021-11-14
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多