屏幕两侧的Bootstrap2 20px填充在767px及以下

Question

晚上好，我正在使用内置于Bootstrap2中的Joomla。 我正在以全角视图制作网站，问题是在屏幕两侧768px以下768px的空白处添加。 我添加了以下内容，但无法正常工作：

@media (max-width:767px) {

    .container-fluid {
     padding: 0;
    }
}

谢谢您的帮助。

问候，

Answer 1

您需要更新sensitive-bootstrap.min.css中定义的规则。 该文件中的代码是：

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

因此，要使其为零，您必须覆盖该规则，因此将代码替换为：

@media (max-width:767px) {    
    body{
     padding: 0px;
    }
}