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

【问题标题】：Bootstrap2 20px padding on both-sides of screen at 767px and belowBootstrap2 767px 及以下屏幕两侧的 20px 填充
【发布时间】：2017-04-03 01:13:30
【问题描述】：

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

@media (max-width:767px) {

    .container-fluid {
     padding: 0;
    }
}

感谢您的帮助。

问候，

【问题讨论】：

只需像这样添加 (!important) 使其成为强制性：padding:0px !important
!important 不起作用我添加了它。它也发生在 979px 我添加了相同的填充：0；它有效，但由于某种原因，它不适用于 767px 及以下。
您可以使用任何在线编辑器显示代码吗？ @AwaisRaza
尝试像这样添加祖先元素 .container-fluid{ 属性 }
好的，知道了！只需将 .container-fluid 更改为 body 标签即可！ @AwaisRaza

标签： html css twitter-bootstrap joomla padding

【解决方案1】：

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

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

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

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

【讨论】：