Ужасы и непонимание адаптивной вертки bootstrap, как работает no-gutters?

Question

[Тарас Паращук]

Здравствуйте.
Надо сделать
4 ячейки в 2 ряда на большом разрешении
2 ячейки в 4 ряда на среднем
по 1 на ряд в 8 рядов на маленьком
Все ячейки должны прижиматься друг к другу без отступов.
Все кроме среднего работает. На среднем два столбца с ячейками разделены пропуском, какэто происходит непонимаю, что делать тоже. Есть no-gutters, почему не работает?

<div class="row no-gutters" >

       <div class="col-sm-12  col-md-6 col-xl-3"><img src="../exam1/img/komplexxx.jpg"></div> 
       <div class="col-sm-12  col-md-6 col-xl-3"><img src="../exam1/img/komplexxxt.jpg"></div> 
       <div class="col-sm-12  col-md-6 col-xl-3"><img src="../exam1/img/komplexxx.jpg"></div> 
       <div class="col-sm-12  col-md-6 col-xl-3"><img src="../exam1/img/komplexxxt.jpg"></div> 
       <div class="col-sm-12  col-md-6 col-xl-3"><img src="../exam1/img/komplexxxt.jpg"></div> 
       <div class="col-sm-12  col-md-6 col-xl-3"><img src="../exam1/img/komplexxx.jpg"></div> 
       <div class="col-sm-12  col-md-6 col-xl-3"><img src="../exam1/img/komplexxxt.jpg"></div> 
       <div class="col-sm-12  col-md-6 col-xl-3"><img src="../exam1/img/komplexxx.jpg"></div>  
      </div>

spoiler

Comments

[Максим]

я не буду умничать но на обычном css это делается на коленке

[Тарас Паращук]

ДА вроде и на бутстрапе должно на коленке делаться.

[Максим]

taras1978, ну вот смотри , что бы на коленке сделать надо выучить bs и потом ещё кучу форумов обойти что бы его знать идеально ... а на css 30 строк и всё ... и не надо учить какую то библиотеку

[Тарас Паращук]

Максим Ленский, Да учиться еще надо много. Но эта проблема не в бутстрапе все работает как надо, дело в центровке контента, я уже решил.

Answer 1

[Avrong]

Вроде работает, как и должно: CodePen

Comments

[Тарас Паращук]

Работает. Да я уже понял, что проблема не в отступах между ячейками а в центровке контента.