Ruby Rails <％= yield％>無法正確顯示引導程序頁腳

Question

我正在使用bootstrap和Ruby on Rails進行開發，這很不錯，除了很多人似乎都遇到的問題。 在頁面底部添加頁腳。 <％= yield％>似乎會引起一些問題。 我的導航高於<％= yield％>，並且顯示正確，然后有動態內容，然后我希望有一個頁腳。 盡管嘗試了很多次來修復它，但我的頁腳並未出現在內容下方（<％= yield％>），而是出現在內容的中間（位於其后）。 有誰知道我如何在應用程序中使用引導程序並創建一個頁腳，該頁腳被推送到頁面底部（在內容下方）。 能夠將其包含在application.html.erb文件中會很高興。 我的頁腳很簡單：

<footer class="footer">
  <div class="container">
    <p class="text-muted">Place sticky footer content here.</p>
  </div>
</footer> 

與CSS

.footer {
position: absolute;
width: 100%;
height: 60px;
bottom:0;
background-color: #f5f5f5;
}

在此先多謝！

/雅各布

Answer 1

如果您希望頁腳出現在所有內容之后，則不得使用position: absolute; ->這告訴它無論內容在哪里（在此情況下，即使在頁面內容的中間），也要粘貼在屏幕上的同一位置。

如果只希望它始終顯示在內容的底部，則只需將其放在yield之后的內容中（因為這是主頁的內容），然后刪除position: absolute 。

Answer 2

不要使用“頁腳”標簽。 相反，請嘗試以下操作：

<div id="footer">
  * Your text here *
</div>

然后將您的CSS更改為：

#footer {
position: absolute;
width: 100%;
height: 60px;
bottom:0;
background-color: #f5f5f5;
}

最后，將頁腳放在<％= yield％>標記下，以便要顯示的動態內容位於頁腳之前。

如果那不起作用，請執行以下操作：

轉到包含動態內容的文件，然后在文件下方添加“ div”頁腳。 使用“頁腳”標簽可能會出現問題，因此請避免使用它。

另外，您需要將頁腳添加到主頁和應用程序模板中，才能在所有頁面上看到它。

希望這可以幫助。 讓我知道是否有幫助。