如何在不同設備的引導程序中計算容器寬度

Question

我剛開始使用Bootstrap並瀏覽文檔。眼下，似乎很混亂，有一些疑問如下：

1. 在Grid Options表，爲什麼容器寬度總是小於裝置寬度，爲什麼不等於對egSmall設備片劑設備寬度（≥768px ）。

2. 如何確定寬度750px，爲什麼不是743px或755px或任何其他大小。他們如何確定750px爲容器寬度。

3. 作爲給定的，自舉擴展到列和每列的寬度之間排水溝12列是 〜62px和邊溝是30像素（每邊15像素）因此 （12（COLS）* 62px）+（11（排水溝）* 15（寬度））等於909px而不是給定的750px容器寬度。爲什麼？

這對我來說都非常混亂。有人可能會展示如何計算不同斷點的容器寬度，以及容器寬度爲何不等於設備寬度？

感謝 DK

Answer 1

的引導.container作爲中心的集裝箱，如果你想全寬度上的所有設備使用.container-fluid

的62px實際上是62.5px在小斷點。 62.5 x 12 = 750px，並且這包括每列附近的15px填充。由於使用填充（與水槽在柱外的邊緣相對），所以水槽位於柱內。

這裏有一個很好的視覺演示：http://www.codeply.com/go/Sul9kw8Kne

除了容器寬度，看看這個article about the BS3 grid

Answer 2

首先，如果你想有一個容器等於設備寬度使用

container-fluid instead of container 

對於電網系統有兩個概念

• 盒裝佈局（.container提供此）
• 寬佈局只（.container流體提供這個）

在bootstarp存在對電網無像素的百分比（％）每一件事情。 所有媒體quire斷點都通過bootstartp它自我設置，您可以通過引導定製程序http://getbootstrap.com/customize/更改這些值。