2016-05-10 6 views
0

私のアプリケーションページの内容に問題がありますが、基本的には<%yield%>タグの後に内容を入れることはできません。コンテンツは<%yield%>のapplication.html.erbファイルにありません

私の問題は、フッターを<%yield%>の下に置いたときに、それが収率の内容の上に表示されます。私はこれには単純な解決策があると確信していますが、私はそれがうまくいくように働くことはできません。

私は誰もが問題が本当に役立つだろうという考えを持っています。

<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>

事前

答えて

0

のおかげでは、これはCSSの問題のように聞こえます。歩留まりのどこかにフロートがある場合は、クリアする必要があります。すぐに降伏した後やフッタの前に、スペーサーを挿入...

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

正しい軌道に乗ってあなたを置きますうまくいけば。

関連する問題