Bootstrap：類參考

這可能看起來像一個愚蠢的問題，但有官方引導類參考嗎？我在網站上查找，無法找到一個。Bootstrap：類參考

我期待，雖然一些例子，我會看到這樣的東西：

<div class="container-fluid">

我怎麼找出所有contain-fluid標籤呢？我是否期望通過CSS深入每個課程來查看規則，然後明白它將如何影響我的頁面？這似乎是一種快速設定假設並在稍後遇到問題的方法。

有沒有官方的參考資料，我失蹤了？我見過第三方編寫的一些班級列表，但似乎總是會落後於新的變化，並可能包含內涵假設。

來源

2014-05-10 Chris Schmitz

不完全確定你的問題，但如果你尋找一個解釋，引導樣式的不同部分檢查他們的網站在這裏的例子。 http://getbootstrap.com/ –

向容器添加液體會使該部分分裂成12個部分，不管它有多大。所以如果你有一個標準的容器，其中有一個跨度爲6的部分，然後在一個流體容器內，它應該使6個部分變爲12. 方便的方式來保持網格格式和提高準確性。 –

關於流體：RTFM http://getbootstrap.com/2.3.2/scaffolding。html＃fluidGridSystem爲BT2或http://getbootstrap.com/css/#grid爲BT3 – pbenard

http://www.tutorialspoint.com/bootstrap/bootstrap_quick_guide.htm包含很多引導程序佈局和css組件的很好的參考。

來源

2014-09-24 19:03:30 mti2935

不錯，謝謝！這有很多解釋我在找，我很欣賞這個鏈接。 –

Bootstrap 3轉向「移動第一」方法。 .container實際上只存在於需要/想要方格佈局的情況下。但是，如果您完全免除了div.container-fluid，則默認情況下您將留下流體佈局。

例如，具有兩列布局流體，只需使用：

<body> 
<header>...</header> 
<div style="padding:0 15px;"><!-- offset row negative padding --> 
<div class="row"> 
    <div class="col-md-6">50%</div> 
    <div class="col-md-6">50%</div> 
</div> 
</div> 
<footer>...</footer> 
</body>

在2.x .container流體在自舉3.X（http://getbootstrap.com/getting-started/#migration）代替由.container，所以容器是流體，但不是全寬。

您可以將該行用作流體容器，但您必須稍微調整它以避免水平滾動條。摘自文檔（http://getbootstrap.com/css/#grid）..

「想要創建完全流暢佈局（意味着您的網站拉伸視口的整個寬度）的人們必須將其網格內容用padding填充到包含元素中：0 15px;要偏移邊距：0 -15px;在.rows上使用。「

演示：http://bootply.com/91948

更新引導3.1

容器流體已引導3.1再次返回。現在可以使用容器流體創建全寬佈局：http://www.bootply.com/116382

來源

2014-09-23 10:45:30 al123

並非官方數據，但作爲2016分之2https://bootstrapcreative.com/resources/bootstrap-3-css-classes-index/

打印的PDF文檔，並與描述的可分類表通過類的列表，以幫助排序的電流。

來源

2016-02-09 20:48:03 JacobLett

Bootstrap：類參考

回答

相關問題