填充的移動版本與引導

Question

我最近使用的引導

我會因此希望有一個統一的顏色背景

據我瞭解，有一個網站的頁腳中的問題正文是由於10px的填充，但刪除它並將其應用到兩個主要的div我有一個智能手機版本的問題。

的基本代碼是這樣

<div id="content"> 
    ... 
</ div> 
<footer> 
    ... 
</ footer> 

我想沒有事先訴諸在HTML代碼中添加的div

感謝所有

Answer 1

你需要解決這個問題負邊距工作並用填充補償。 Try：

footer { 
    margin-left: -20px; 
    margin-right: -20px; 
    padding-left: 20px; 
    padding-right: 20px; 
} 

編輯：澄清。你需要把這個在您的媒體查詢針對屏幕小於767px喜歡這樣的：

@media (max-width: 767px) { 
    footer { 
     margin-left: -20px; 
     margin-right: -20px; 
     padding-left: 20px; 
     padding-right: 20px; 
    } 
}