центрирование загрузочного столбца в шаблоне WordPress

Question

У меня есть раздел начальной загрузки в шаблоне WordPress, который я пытаюсь взломать, и он не будет центрировать столбцы во 2-й строке строки.

В настоящее время он показывает 4 столбца в верхней строке, а затем2 снизу плыли влево. То, что я хочу, это чтобы 4 верха оставались неподвижными, а два нижних были центрированы

Код:

<div class="col-sm-10 col-sm-offset-1">
 <div class="row row-centered">
   <div class="col-sm-3 col-centered">

   </div>
   <div class="col-sm-3 col-centered">

   </div>
   <div class="col-sm-3 col-centered">

   </div>
   <div class="col-sm-3 col-centered">

   </div>
   <div class="col-sm-3 col-centered">

   </div>
   <div class="col-sm-3 col-centered">

   </div>
 </div>
</div>

'пример

Answer 1

Если в главном шаблоне статические шесть делителей , попробуйте это

Если это не так, попробуйте последние 2 деления снова в один row и задайте имя класса с justify-content-center. Это даст то, что вы точно хотите.

Answer 2

Для справки, пожалуйста, посетите https://getbootstrap.com/docs/4.0/layout/grid/ и попробуйте это:

<div class="col-sm-10 col-sm-offset-1">
 <div class="row">
   <div class="col-sm-3">

   </div>
   <div class="col-sm-3">

   </div>
   <div class="col-sm-3">

   </div>
   <div class="col-sm-3">

   </div>
 </div>
 <div class="row justify-content-center">
   <div class="col-sm-3">

   </div>
   <div class="col-sm-3">

   </div>
 </div>
</div>