問題：
I'm getting confused about the various options in the twitter bootstrap grid , and how they go together. 我對twitter bootstrap網格中的各種選項以及它們如何組合起來感到困惑。
To begin with, you can have an ordinary fixed container , or a container-fluid . 首先，您可以使用普通的固定container或container-fluid 。
Then either one can include either an ordinary row , or a fluid row, row-fluid . 然後，任何一個都可以包括普通row或流體行， row-fluid 。 That is, you can have a fixed container with a fluid row, or a container-fluid... with a fixed row? 也就是說，你可以擁有一個帶有流體排的固定容器，或一個帶有固定排的容器流體......
Then on top of that, you can include the 'responsive' media queries, or not. 然後，您可以在其中包含“響應式”媒體查詢。
I am getting confused as to how these things interact. 我對這些事情如何相互作用感到困惑。 But let's start with one obvious example. 但讓我們從一個明顯的例子開始。
On the examples page itself, there's what's presented as an example of both a fixed grid and a fluid grid 在示例頁面本身，有一個固定網格和流體網格的例子
However, in my browser, on that example page itself -- both grids behave identically. 但是，在我的瀏覽器中，在該示例頁面本身上 - 兩個網格的行爲完全相同。 Perhaps because the example page uses the optional responsive media queries? 也許是因爲示例頁面使用可選的響應式媒體查詢？ In both grid examples, if I start gradually narrowing my browser window, the grid elements do not get gradually narrower -- once a certain (responsive) boundary width is reached, they snap to a smaller size, and again at further boundary widths. 在兩個網格示例中，如果我開始逐漸縮小我的瀏覽器窗口，則網格元素不會逐漸變窄 - 一旦達到某個（響應性）邊界寬度，它們會捕捉到更小的尺寸，並再次在更大的邊界寬度處。 But both the ordinary 'fixed' example AND the 'fluid' example behave exactly the same here -- so what the heck is the difference? 但是普通的“固定”示例和“流動”示例在這裏表現完全相同 - 那麼差異究竟是什麼呢？
解決方案：
參考一： https://en.stackoom.com/question/f2JJ參考二： https://stackoom.com/question/f2JJ