在行之間放置空間以進行引導圖像庫

Question

我正在使用引導程序，我想在第1行和第2行之間創建空間。共有6張圖像，第1行和第2行每行有3張圖像

這是我的每張圖片的代碼

  <div class="container"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 "> <img src="images/1thumb.png" alt="Main"> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 "> <img src="images/2thumb.jpg" alt="Elevator1"> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 "> <img src="images/3thumb.jpg" alt="Elevator2"> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 "> <img src="images/4thumb.jpg" alt="Elevator3"> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 "> <img src="images/5thumb.jpg" alt="Interior"> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 "> <img src="images/6thumb.jpg" alt="Reception"> </div> </div> </div> 

Answer 1

您可以僅在列的底部添加邊距。

就像是

.row > div { margin-bottom: 15px}