Css col span grid sorum?

Merhaba, alttaki resimde sondaki yeri en sağa çekemedim bir türlü yardım edermisiniz kodları paylaşıyorum;

<ul class="container">
<li class="service-list">
<div class="row">
<div class="col-4 service">
<div class="media-left">
<i class="icon-cloudfiber"></i>
</div>
<div class="media-body">
<a class="menu-item" href="#">Cloud Hosting</a>
<p>Lorem ipsum dolor sit amet</p>
</div>
</div>
<div class="col-4 service">
<div class="media-left">
<i class="icon-reseller"></i>
</div>
<div class="media-body">
<a class="menu-item" href="#">Cloud Reseller</a>
<p>Adipiscing integer act lacinia</p>
</div>
</div>
<div class="col-4 service">
<div class="media-left">
<i class="icon-dedicated"></i>
</div>
<div class="media-body">
<a class="menu-item" href="#">Dedicated Servers</a>
<p>Dolor sit amet conse adipiscing</p>
</div>
</div>
<div class="col-4 service">
<div class="media-left">
<i class="icon-vps"></i>
</div>
<div class="media-body">
<a class="menu-item" href="#">Cloud VPS</a>
<p>Dolor sit amet conse adipiscing</p>
</div>
</div>
</div>
</li>
</ul>


Edt :



4 ortalı hizalı aralarında boşluk olacak şekile nasıl sokabilirim?

col-4 * 4 = 16 yani col-3 * 4 = 12. col-3 yapmalısın

Yaptım fakat 4 hizalı ortalı bir şekilde olsun istiyorum onu yapamadım bir türlü..

row class'ına "justify-content-center" ekle bir de

edit: "justify-content-between" de olabilir

Malesef değişen birşey olmadı değerli hocam bu sorunu çözebilirsek ne mutlu!

row class'ına css ile justify-content:space-between; ekle

Değişen birşey olmuyor malesef hocam style="justify-content:space-between;" olarak giriyorum aynı duruyor. Özelden bir siteyi atayım mı?

Eğer çözemediyseniz grid yerine flex kullanın bence işiniz daha kolay olur.