Question

我在rails中的应用程序页面的内容有问题，我基本上不能在＆lt;％yield％＆gt;之后放任何内容标签。

我的问题是当我在＆lt;％yield％＆gt;下面放一个页脚时它显示了产量含量，而不是低于。我确信有一个简单的解决方案，但我无法按照我的意愿让它工作。

我有人知道这个问题可能真的很有用。

<body>

  <nav class="navbar navbar-fixed-top" role="navigation">
    <div class="container-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <%= link_to (image_tag("logo.png", class:"food-image")), root_path%>
      </div>
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li class="sections"><%= link_to 'Dishes', posts_path %></li>
          <li class="sections"><%= link_to 'Events', posts_path %></li>
          <li class="sections"><%= link_to "About", about_path %></li>
            <ul class="social-icons">
              <li class="fa fa-twitter fa-2x"></li>
              <li class="fa fa-facebook fa-2x"></li>
              <li class="fa fa-instagram fa-2x"></li>
              <li class="fa fa-pinterest fa-2x"></li>
            </ul>
        </ul>

      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav> 

  <% if current_page?(root_path) %>
    <div class="image-header">
    </div>
  <% end %>

  <div class="anchor">
  </div>

  <%= yield %>

  <footer>
    <div class="container-fluid" id="logs">
      <div class="login-buttons">
        <% if user_signed_in? %>
          <button><%= link_to "New Post", new_post_path , class:"sing_in"%></button>
          <button><%= link_to("Logout", destroy_user_session_path, :method => :delete, class:"sing_in") %></button>
        <% else %>
          <button><%= link_to("Login", new_user_session_path, class:"sing_in") %></button>
      <% end %>
      </div>
      <p>lnjkbhjghfxgdzfxgchvjbknl</p>
      <p class="notice"><%= notice %></p>
      <p class="alert"><%= alert %></p>
    </div><!-- container-fluid-->
  </footer>

提前致谢

Answer 1

这听起来像是一个CSS问题。如果某个地方的产量浮动，你可能需要清除它。在产量和页脚之前，立即插入垫片......

<div style="clear:both"> </div>

希望这会让你走上正轨。

含量不会超过＆lt;％yield％＆gt;在我的application.html.erb文件中

1 个答案: