我正在尋找一種方法來做一個有條件的頁腳，這樣：
- 如果頁面內容短于視口的高度，則頁腳為 .fixed-bottom
- 否則，它是頁面本身的一部分，當您一直向下滾動到它時，您會到達它。
這類似于粘頂，雖然 Bootstrap 確實有一個粘頁腳示例，但當我嘗試它時它實際上并沒有粘在底部。
uj5u.com熱心網友回復：
假設我有這個布局：
<div id="main-container">
<header></header>
<main></main>
<footer></footer>
</div>
我通常做的是有main-container一個彈性框（按列），然后main有一個flex-fill類。這樣做的目的是將頁眉放在頂部，將頁腳放在底部，因為 main 將填充它擁有的所有空間。這也將滿足您的條件。
如果您沒有 ，也可以使用header，您需要做的就是讓主要內容 div 使用flex-fill.
uj5u.com熱心網友回復：
感謝上面的答案，我得到了查看 flex box 技術的靈感，并且能夠通過
%body.d-flex.flex-column.min-vh-100
在頁腳本身
%footer.mt-auto
現在它按預期作業。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/414703.html
標籤：