2017-04-10 73 views
0

我試圖將頁腳移動到頁腳上我的網站。
我不想準備好解決方案,我想單獨做這件事,但我不知道從哪裏開始,真正的程序員如何處理這個問題?將頁腳移動到頁腳

*我最近從書中完成了這個網站,現在我試着單獨做一些事情。

代碼:

<div id="pins" class="transitions-enabled"> 
    <% @pins.each do |pin| %> 
    <div class="box"> 
    <div class="panel panel-default"> 
     <%= link_to image_tag(pin.image.url(:medium)), pin %><br/> 
     <div class="panel-body"> 
     <%= pin.description %><br/> 
     <br/> 
     <strong><%= pin.user.name if pin.user %></strong><br/> 
     </div> 
     <% if pin.user == current_user %> 
     <div class="panel-footer"> 
     <%= link_to 'Edit', edit_pin_path(pin) %><br/> 
     <%= link_to 'Delete', pin, method: :delete, data: { confirm: 'Are you sure?' } %> 
     </div> 
     <% end %> 
    </div> 
    </div> 
    <% end %> 
</div> 
<br/> 
<div class="center"> 
    <%= will_paginate @posts, renderer: BootstrapPagination::Rails %> 
</div> 

屏幕:

enter image description here

+1

請格式化您的代碼,特別是縮進。 – Iceman

+0

我覺得現在好多了,我不知道我能做些什麼。 – forschool

+0

div不排隊,這是調試html代碼時最重要的因素。 – Iceman

回答

2

您還沒有表現出你的容器。如果您將所有內容按順序排入容器:

<div class="container"> 
<div class="row"> 
    <div class="col-md-12"> 
    Stff.. 
    </end> 
    </end> 
</end> 

一切都應該沒問題。作爲一個快速修復嘗試:

<div class="center col-md-12"> 
<%= will_paginate @posts, renderer: BootstrapPagination::Rails %> 
</div> 

但是,這只是一個快速的修復,而不是解決方案......

而且你的代碼是一個凌亂,和你有一個結束div,但還沒有表現出它在哪裏打開

+0

我不明白你,我所有的div都已關閉 – forschool

+0

嗯,現在我明白了,是的,他們都關閉了。但是無論如何 - 你還沒有展示過你的容器,行和他們的類('col-md-12'等等)它們將你的元素推入Bootstrap,因此在它們上面工作可以解決填充問題 –

+0

「你沒有展示過你的容器,行和他們的班「是什麼意思? – forschool