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

Question

晚上好，我正在使用内置于 Bootstrap2 中的 Joomla。我正在全宽 View 中制作网站，问题是在屏幕两侧添加的 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;
    }
}