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

Bootstrap2 20px padding on both-sides of screen at 767px and below