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

Вот такой код:

<div class="col-md-4">
<div
class="col-md-4">
<div
class="col-md-4">
<div
class="col-md-4">

Почему не выходит 4 колонки?

В бутстрапе сетка состоит из 12 колонок которые ты можешь распределить как хочешь, то есть ты можешь сделать 12 колонок по 1 или 2 колонки по 6. Если тебе нужно 4 колонки то на них по сетке бутстрапа надо выделить по 3 столбца, то есть мы 12 делим на 4 части и получаем 3, в коде выглядит вот так:


<div class="container">
<div
class="row">
<div
class="col-md-3">
<div
class="col-md-3">
<div
class="col-md-3">
<div
class="col-md-3">

Суммарно получаем 12)