Как увеличить число колонок в Bootstrap?

Question

[Bearax]

Добрый день. Подскажите как мне увеличить количество колонок записей. На данный момент их 3, а нужно сделать 4. Предоставлю часть кода(отметил жирным шрифтом):

<div id="content" class="maga-site-content container">

 <div id="maga-module-0" class="maga-module module-type-posts  maga-module-layout-combo">
		
<div class="row maga-posts ">

<b><div class="col-lg-5 col-md-6 col-sm-12 layout-combo"></b>

Answer 1

[Ice]

стандартная сетка на 12 колонок
12/3 = 4
используйте col-lg-3, чтобы получить 3 | 3 | 3 | 3

<div class="col-lg-3 col-md-6 col-sm-12 layout-combo"> ... </div>
<div class="col-lg-3 col-md-6 col-sm-12 layout-combo"> ... </div>
<div class="col-lg-3 col-md-6 col-sm-12 layout-combo"> ... </div>
<div class="col-lg-3 col-md-6 col-sm-12 layout-combo"> ... </div>

Answer 2

[Sergey]

<div id="content" class="maga-site-content container">
  <div id="maga-module-0" class="maga-module module-type-posts  maga-module-layout-combo">
    <div class="row maga-posts ">
      <div class="col-lg-3 col-md-6 col-sm-12 layout-combo"> ... </div>
      <div class="col-lg-3 col-md-6 col-sm-12 layout-combo"> ... </div>
      <div class="col-lg-3 col-md-6 col-sm-12 layout-combo"> ... </div>
      <div class="col-lg-3 col-md-6 col-sm-12 layout-combo"> ... </div>