Bootstrap how to align 3 blocks?

Question

css

Is there such a code as to align the blocks in the center? I think the indents don’t work, because everyone has different screen resolutions, although maybe I’m saying something wrong. Help plz (
Screenshot:

<div class="block-home-feature main-bg" style="background-image: url(/image/data/demo/handmade.jpg);">
<div class="container">
<div class="row">
<div class="col-lg-24 col-md-24 col-sm-24 col-xs-24 not-animated" data-animate="fadeInUp" data-delay="200">&nbsp;
<h3><br />
ЗРОБЛЕНО &nbsp; РУКАМИ<br />
MADE by HAND ONLY</h3>
<!--<p>what will make you purchase this <span>gorgeous</span> theme</p>-->

<center>
<div class="block-feature-detail not-animated" data-animate="fadeInUp" data-delay="400">
<div class="feature-1 col-lg-6 col-md-6 col-sm-6 col-xs-24"><img alt="design" src="/image/data/demo/features/2.png" style="width: 78px; height: 67px;" /> <span>ЗРУЧНІСТЬ ТА ЯКІСТЬ СЕРВІСУ</span>

<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates.</p>
<a class="learn-more" href="#" title="Learn More">learn more</a></div>

<div class="feature-2 col-lg-6 col-md-6 col-sm-6 col-xs-24"><img alt="features" src="/image/data/demo/features/3.png" style="width: 78px; height: 67px;" /> <span>НАДІЙНА СИСТЕМА ОПЛАТИ</span>

<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates.</p>
<a class="learn-more" href="#" title="Learn More">learn more</a></div>

<div class="feature-3 col-lg-6 col-md-6 col-sm-6 col-xs-24"><img alt="customize" src="/image/data/demo/features/1.png" style="width: 78px; height: 67px;" /> <span>ДОСТАВКА</span>

<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates.</p>
<a class="learn-more" href="#" title="Learn More">learn more</a></div>
</div>
</center>
<!--<div class="bt-buytheme "><a class="btn" href="/index.php?route=product/category&amp;path=76" title="В магазин">В магазин</a></div>!--></div>
</div>
</div>
</div>

Answer 1

Replace
on the
and the rest too

Answer 2

Center content blocks