版面呈現 ▌​頁尾滿版 語法

修改時間 星期三, 七月 23, 2025 於 11:51 AM

頁尾滿版」

 滿版頁尾可延伸品牌主色、風格與視覺語言,讓整體網站不留「尾巴缺口」。尤其在滑到底部時,滿版頁尾能清楚收尾整體視覺設計,讓品牌質感與專業度更完整





✎ 重點拆解:


一、「頁尾滿版」設定路徑

二、「頁尾滿版」相關語法





一、「頁尾滿版」設定路徑


路徑:版面>自訂CSS商店樣式,貼入語法,展開您的頁尾:






二、「頁尾滿版」相關語法



1. 商店有開首頁滿版語法

body.home.fullscreen #footer{max-width:100%;}


2. 沒開首頁滿版語法

#footer{max-width:100%;}

#footer .footer-inner{width:100%;}


3. 其他頁面滿版語法

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 100%;
}

這篇文章是否有幫助?

太棒了!

感謝您提供意見回饋

抱歉,沒能幫到您

感謝您提供意見回饋

請讓我們知道如何改善這篇文章!

請選擇至少一個原因
必須進行 CAPTCHA 驗證。

意見已發送

感謝您的寶貴意見,我們將嘗試修改這篇文章