Как сделать 3 колонки?

<div class="row menus">
              <div class="col item">
                <div class="main__content-menu-block_item">
                  <div class="main__content-menu-block_item-img">
                    <img src="img/1.jpg" class="img-responsive" alt="" />
                  </div>
                  <h4 class="main__content-menu-block_item-title">
                    <span>ТЕКСТ</span>

                    ТЕКСТ
                  </h4>
                </div>
              </div>
              <div class="col">
                <div class="main__content-menu-block_item">
                  <div class="main__content-menu-block_item-img">
                    <img src="img/2.jpg" class="img-responsive" alt="" />
                  </div>
                  <h4 class="main__content-menu-block_item-title">
                    <span>ТЕКСТ</span>

                    ТЕКСТ
                  </h4>
                </div>
              </div>
              <div class="col">
                <div class="main__content-menu-block_item">
                  <div class="main__content-menu-block_item-img">
                    <img src="img/4.jpg" class="img-responsive" alt="" />
                  </div>
                  <h4 class="main__content-menu-block_item-title">
                    <span>ТЕКСТ</span>

                    ТЕКСТ
                  </h4>
                </div>
              </div>

.main__content-menu-block .row {
    -webkit-box-pack: center;
    justify-content: center;
}