Bootstrap как выровнять 3 блока?

Question

[Роман Байдаков]

Есть такой код как, выровнять по центру блоки? отступы думаю не канают, потому что у всех разные разрешения экрана, хотя может я что-то не так говорю. Помогите плз(

Скрин:

<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

[4mobile]

Заменить

<div class="feature-1 col-lg-6 col-md-6 col-sm-6 col-xs-24">

на

<div class="feature-1 col-lg-8 col-md-8 col-sm-8 col-xs-24">

и остальные тоже

Comments

[Роман Байдаков]

Спасибо)

Answer 2

[Андрей]

Center content blocks