頁尾滿版」

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





✎ 重點拆解:


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

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





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


路徑:版面>自訂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%;
}