Bootstrap的網格系統只能在頁面級使用

我知道如何應用這些類來創建行和列。您可以將頁面拆分爲網格。好。Bootstrap的網格系統只能在頁面級使用

這是網格被創建使用的級別嗎？

怎麼樣在頁面的角落小部分。如果我想將這個小盒子分成網格，那麼使用網格系統是否合適？

我問，因爲我已經看到我的同齡人做到這一點，但官方文檔說

集裝箱地方行在行
地方列
容器寬度爲1170px或970像素或等等等等取決於在設備上。

那麼ofcourse我小部分不具有這樣的寬度

來源

2016-07-06 runtimeZero

你是對的you should use a container，在這種情況下，你可以使用沒有特定寬度的container-fluid，所以它會填充它的父項。在「頁面角落的小部分」內使用它。

例子：http://codeply.com/go/rc4QcPvgnj

這也將確保無論您使用的行/ COLS有適當的填充和對齊。

來源

2016-07-06 15:40:58 ZimSystem

您可以在任何嵌套級別使用引導電網。如果你在一列中，那麼寬度都是相對於該列的。

<div class="col-md-6"> 
    <div class="col-md-4"> 
    </div> 
    <div class="col-md-4"> 
    </div> 
    <div class="col-md-4"> 
    </div> 
</div>

首先創建一個寬度爲50％的列，然後在該50％內創建3列33％的寬度。

來源

2016-07-06 14:20:19 mfanto

我不需要在該列中創建一行，然後再將其分成三列？ – runtimeZero

您不必這樣做，但IIRC行具有負邊距以強制嵌套列與父列對齊。 – mfanto

列類可以在頁面的任何位置使用。它們向左浮動，因此不需要添加任何行來將它們全部放在一起。即使它們不在Bootstrap容器中，它們也會完成整個頁面的一部分。這些類將元素所在的容器分成12個部分，它們與父級的大小相關，不管它是什麼。

來源

2016-07-06 14:30:34

Bootstrap的網格系統只能在頁面級使用

回答

相關問題