недостающее пространство между изображениями в Bootstrap

Question

Я новичок и использовать Bootstrap 4. Я сделал эту страницу: https://www.bitballoon.com/sites/stoker-austin-77536

Я просто хотел бы иметь некоторое пустое пространство между изображениями.

я пытался бесчисленные приемы (ни одна работа) есть некоторые из них:

• Trying to use spacing of Bootstrap 4
• Added a space between an image and a div using bootstrap

Я также попытался добавить Перетяжка на .img .img-жидкости (у меня есть теперь удалены)

мой HTML:

<div class="container"> 

<div class="row"> 
    <div class="col-md-9"> 
     <div class="add-padding" class="p-b-2"> 
      <img src="../img/featured_image_grey1.jpg" class="img-fluid" alt="Responsive image"> 
     </div> 
    </div> 
</div> 

<div class="row"> 
    <div class="col-md-9"> 
    <div class="add-padding"> 
    <img src="../img/featured_image_grey1.jpg" class="img-fluid" alt="Responsive image"> 
    </div> 
    </div> 
</div> 

<div class="row"> 
<div class="col-md-9"> 
    <img src="../img/featured_image_grey1.jpg" class="img-fluid" alt="Responsive image"> 
</div> 
</div> 

Мой CSS:

.p-b-2 { 
 
    padding-bottom: ($spacer-x * 2) !IMPORTANT; 
 
    padding-bottom: ($spacer-y * 2) !IMPORTANT; 
 
} 
 
.add-padding { 
 
\t padding-bottom: 20px !IMPORTANT; 
 
\t margin-bottom: 20px !IMPORTANT; 
 
} 
 
.row .col-md-9 .add-padding{ 
 
\t padding-bottom: 20px !IMPORTANT; 
 
} 
 
img *{ 
 
\t padding-bottom:20px !IMPORTANT; 
 
}

Answer 1

спасибо @Skelly: Я исправленные ошибки новобранца (вы указали на), и теперь он работает :)

Таким образом, исправления HTML:

• "атрибут класса должен быть использован только один раз в теге
• и удалить точку с запятой в IMG метки"

Я создал мой Codeply: http://www.codeply.com/go/ZZaV7zlnVO

Мой только CSS теперь:

.col-md-9 { 
padding-bottom: 40px !IMPORTANT;} 

Проблема возникла в результате ошибок HTML, упомянутых выше. У меня был ненужный CSS (потому что я пробовал столько трюков CSS, не зная, что HTML является источником проблемы). Теперь я упростил CSS (см. Выше).

Примечание: я использовал только битбаллон в неделю и не знал, что он защищен паролем - извините.