改變寬度的助推器容器

Question

我需要添加boostrap容器+ 60px。

我怎麼能這樣做，沒有changin boostrap本身？

我試過這個媒體查詢，但它不起作用。

@media (min-width: 1200px) { 
    .container{ 
     max-width: 1260px; 
    } 
} 

你能幫我嗎？謝謝:)

Answer 1

只要改變你的CSS代碼1260px，如果你不wan't在你的引導css文件來改變這一狀況，建立一個新文件，並設置它像這樣：

@media (min-width: 1200px) { 
    .container { 
     width: 1260px; 
    } 
} 

確保你的新文件被加載到bootstrap css的原始文件下面。在這種情況下不要使用最大寬度。祝你好運！

Answer 2

您是否嘗試在您的CSS定義的末尾添加!important？

試試這個方法：

@media (min-width: 1200px) { 
    .container{ 
     max-width: 1260px !important; 
    } 
}