Bootstrap CSS ломается при входе в систему с помощью Devise

Question

Это будет довольно длинным.

Вот мой _home.html.erb частичный, что я хочу визуализацию, когда пользователи не авторизованы.

<div class="jumbotron"> 
    <div class="container"> 
    <h1>Welcome to Stynyl</h1> 
    <p>...where style meets vinyl</p> 
    <% if !user_signed_in? %> 
    <%= link_to 'Log in', new_user_session_path, class: 'btn btn-primary btn-lg' %> 
     <%= link_to 'Sign up', new_user_registration_path, class: 'btn btn-lg btn-default' %> 
    <% end %> 
</div> 
</div> 

Здесь индекс всех вещей. Это тоже мой корень. Обратите внимание на первую строку:

<%= render 'pages/home' if !user_signed_in? %> 

<div id="things" class="transitions-enabled"> 
    <% @things.each do |thing| %> 
    <div class='panel panel default'> 
    <div class="box"> 
     <%= link_to image_tag(thing.image.url(:medium)), thing %> 
     <div class='panel-body'> 
     <strong><p><%= thing.title %></p></strong> 
     <p><%= thing.description %></p> 
     <%= thing.user.email %> 

     <% if thing.user == current_user %> 
     <%= link_to edit_thing_path(thing) do %> 
     <span class='glyphicon glyphicon-edit'></span> Edit 
     <% end %> 
     <%= link_to thing_path(thing), method: :delete, data: { confirm: 'Are you sure?' } do %> 
     <span class='glyphicon glyphicon-trash'></span> Delete 
     <% end %> 
     </div> 
     </div> 
     <% end %> 
    </div> 
    <% end %> 
</div> 

Что происходит, что, когда пользователь вошел в систему, мои вещи неправильно отображаться на главной странице. Тем не менее, когда выписался, вещи разлетаются по всей странице, даже за пределами контейнера DIV я поместил их в Вот хранилище GitHub для проекта:.

https://github.com/drichards2013/stynyl

Я оставил его здесь, потому что вам, вероятно, придется взглянуть на него, чтобы выяснить, что происходит.

Answer 1

У вас есть два div внутри тега link_to. Исправленный код

<%= render 'pages/home' if !user_signed_in? %> 

<div id="things" class="transitions-enabled"> 
    <% @things.each do |thing| %> 
    <div class='panel panel default'> 
    <div class="box"> 
     <%= link_to image_tag(thing.image.url(:medium)), thing %> 
     <div class='panel-body'> 
     <strong><p><%= thing.title %></p></strong> 
     <p><%= thing.description %></p> 
     <%= thing.user.email %> 

     <% if thing.user == current_user %> 
     <%= link_to edit_thing_path(thing) do %> 
     <span class='glyphicon glyphicon-edit'></span> Edit 
     <% end %> 
     <%= link_to thing_path(thing), method: :delete, data: { confirm: 'Are you sure?' } do %> 
     <span class='glyphicon glyphicon-trash'></span> Delete 
     <% end %> 
     </div> 
     <% end %> 
     </div> 
    </div> 
    <% end %> 
</div>