調整Boostrap容器的右邊距

我花了幾秒鐘的時間調整Bootstrap容器上的左邊距（縮小左側的白色空白區域），但現在我花了幾個小時的時間在右邊距上進行相同的調整，並且如此成功。有沒有人有想法如何解決它？調整Boostrap容器的右邊距

重要說明！理想情況下，我會避免編輯原始Bootstrap文件，而是將一些CSS放在Bootstrap文件上。這個簡單的代碼解決了左邊距。我想，我必須編輯容器的WIDTH，但不知道如何以語義正確的方式做到這一點。

.container{ 
    margin-left:10px; 
    margin-right:10px; 
}

這完全是關於不對稱。左角的空白區比右側的空白區窄得多 –

如果這是一個永久性更改，您是否可以使用自定義工具？（http://getbootstrap.com/customize/） - 這將是我的首選 – ochi

'容器'具有固定的像素大小取決於屏幕分辨率。如果您希望它伸展到屏幕的另一端，並且無論大小如何都具有邊緣，則需要使用「容器流體」。 –

您應該使用一個container-fluid它沒有一個固定的寬度。默認情況下，它沒有餘量，所以你可以將其添加你爲container以同樣的方式，或使其更有點緊湊：

.container-fluid { 
    margin: auto 10px; 
}

如果覆蓋所有的寬度設置的container元素，你不能使用它的原始意圖，它是基於窗口大小的響應寬度。

2016-07-15 21:32:01 vkopio

是的，我覺得這是正確的方法。 –

你可以設置寬度爲您的容器：汽車

.container{ 
 
    width: auto 
 
}

2016-07-15 21:16:07 Kawatare267

是的，增加保證金左側和保證金右側解決此問題 –

回答