Bootstrap2 20px在屏幕兩側填充767px及以下

晚上好，我使用的是建立在Bootstrap2中的Joomla。我正在全寬視圖製作網站，問題是在屏幕兩側添加768px 20px以下的padding。我已添加以下內容，但不工作：Bootstrap2 20px在屏幕兩側填充767px及以下

@media (max-width:767px) { 

    .container-fluid { 
    padding: 0; 
    } 
}

感謝您的幫助。

問候，

2016-11-19 Awais Raza

就讓它強制加入這樣的：填充：0px！重要 – PassionInfinite

！重要的是不工作我添加它。它發生在979px我也加了相同的填充：0;它工作，但由於某種原因，它不適用於767px及以下。 –

你可以使用任何在線編輯器顯示代碼嗎？ @AwaisRaza – PassionInfinite

您需要更新的響應，bootstrap.min.css定義的規則。在該文件中的代碼是：

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

所以，使其零，你必須重寫規則，以便與此替換代碼：（！重要）

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

2016-11-19 06:32:43 PassionInfinite

謝謝@PassionInfinite –

回答