Row / Col Properties Enhancement?

Hi,

In bootstrap, When we do a Row then col , when two col-50 finishes the space on that "row"it would automatically be pushed down to the next "row"

I would like to display a set of boxes of dynamic numbers. The only way i can think of now is to call a row class every two col-50 object and that's definitely not efficient. Any recommendation or suggestios?

<div class="row">
    <div class="list card col col-50">
      <div class="item item-divider">Recent Updates</div>
      <div class="item item-body">
        <div>
          There is a fire in <b>sector 3</b>
        </div>
      </div>
    </div>
    <div class="list card col col-50">
      <div class="item item-divider">Health</div>
      <div class="item item-body">
        <div>
          You ate an apple a!
        </div>
      </div>
    </div>
    <div class="list card col col-50">
      <div class="item item-divider">Upcoming</div>
      <div class="item item-body">
        <div>
          You have <b>29</b> meetings on asdadsadyour calendar tomorrow.
        </div>
      </div>
    </div>
    </div>