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

Question

晚上好，我正在使用Bootstrap2内置的Joomla。我在全宽视图中制作网站，问题是在屏幕两侧添加768px 20px填充。我添加了以下内容，但它不起作用：

@media (max-width:767px) {

    .container-fluid {
     padding: 0;
    }
}

感谢您的帮助。

此致

Answer 1

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

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

因此，为了使其为零，您必须覆盖该规则，因此请用以下代码替换您的代码：

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