如何確保我在Bootstrap中正確設置了網格系統？

Question

我剛開始使用Bootstrap（之前我從未使用網格系統），並且在理解實現流體網格系統的正確方法時遇到了問題。我有點擔心我可能不得不重新設計網站。請參閱圖片瞭解更多詳情。

問題1：什麼是在整個站點周圍添加白色邊框/填充的正確方法，仍然可以按比例放大。我是否必須將其添加到每個新行的開始和結尾，還是有更簡單的方法將其應用於全局？

問題2：我的一些內容（如圖片滑塊的控件）位於邊緣。這是一個問題，還是通過創建一個包含每個填充的列的跨度來解決？

問題3：我知道Bootstrap有一個默認的12列系統，但是看起來你可以用他的「自定義下載」來定製它很容易。它是否像在@gridColumns字段中輸入14一樣簡單，還是我還需要更改px寬度？

Answer 1

問題1：一個選擇是讓一個div包裹你的內容，例如：

HTML

<div class="wrapper"> 
    <div class="container"> 
     // ... 
    </div>   
</div> 

CSS

.wrapper{ 
    border-right: 4px solid #fff; 
    border-left: 4px solid #fff; 
} 

問題2：例如，您可以使用諸如margin-left: -20px之類的內容將項目推出容器。

問題3：是的，你可以自定義使用的建設者，但如果，例如，你要保持默認940px寬，但有14列，你將不得不調整列寬變量以及。