How to increase the number of columns in Bootstrap?

Question

css

Good afternoon. Please tell me how to increase the number of columns of records. At the moment there are 3 of them, but 4 need to be done. I will provide part of the code (marked in bold):

<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

standard 12 column grid
12/3 = 4
use col-lg-3 to get 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

<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>