填充的移动版本与引导

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; 
    } 
}