Bootstrap中的空格內容

Question

過去幾周我一直在使用Bootstrap，並且我喜歡網格系統和HTML5數據屬性的有趣用法，但有一件事我似乎無法擺脫困境， 。

我可以一個接一個創建row，或者甚至只是創建容器，並且它們在每列之間都是明顯的排水溝（col-md-*），但沒有任何垂直空間可以放置您的內容。

在我最近的項目中，我創建了一些分隔線類，只是爲了在我的一些容器之間添加一些垂直邊距 - 但這種感覺是多餘的。

您應該如何正確地分隔內容？

Answer 1

看來，Bootstrap中沒有特殊的類。但我認爲，這很好。

Bootstrap不能總是「知道」，你需要多少空間。你必須自己創建它。這就是爲什麼你是一個開發人員:)

看看這些解決方案：Add vertical blank space using twitter bootstrap：

1）使用引導積聚在課堂form-group

<div class="form-group"> 
    &nbsp; 
</div> 

2）或每次你需要一行之後添加額外的塊：

<div class="col-xs-12" style="height:50px;"></div> 

3），或創建一個新的類，並添加附加塊你每天row後需要：

CSS：

.spacer { margin:0; padding:0; height:50px; } 

HTML：

<div class="spacer"></div> 

4）或者，如果你真的需要後，每個空間行元素，添加額外的樣式row類：

.row { padding-bottom: 50px } 

例如：https://jsfiddle.net/3a36p06h/