Блог

Я сделал 4 столбца с помощью bootstrap, и мне нужен некоторый запас между этими столбцами, но когда я добавляю некоторый запас (15 пикселей), последний столбец переходит на следующую строку. Я попробовал свойство ml начальной загрузки, но проблема все еще существует. как я могу решить эту проблему. мой html-код :

  <div class="row ">
<div class="home-content3-image1 col-sm-12 col-md-6 col-lg-3 "></div>
<div class="home-content3-image2 col-sm-12 col-md-6 col-lg-3 "></div>
<div class="home-content3-image3 col-sm-12 col-md-6 col-lg-3 "></div>
<div class="home-content3-image4 col-sm-12 col-md-6 col-lg-3 "></div>
  

мой URL:http://webdesignleren.com /

Возьмите другой div в col и добавьте class="home-content3- image-1" к нему. Чтобы вы могли получить некоторое пространство между ними.

 <div class="row ">
  <div class="col-sm-12 col-md-6 col-lg-3">
    <div class="home-content3-image1 w-100"></div>
  </div>
  <div class="col-sm-12 col-md-6 col-lg-3">
    <div class="home-content3-image2 w-100"></div>
  </div>
  <div class="col-sm-12 col-md-6 col-lg-3">
    <div class="home-content3-image3 w-100"></div>
  </div>
  <div class="col-sm-12 col-md-6 col-lg-3">
    <div class="home-content3-image1 w-100"></div>
  </div>
</div>