Блоки в футере по центру

[IvanB]

Здравствуйте!

Такая проблема возникла, не получается сделать блоки в футере по центру 3 блока. 

Уже пробовал даже так:
 

[class*="block_"] {
  display: inline-block;
  width: 30%;
  border: 1px solid #000;
  padding: 5px;
  margin: 2px;
  text-align: left;
}

.content {
  display: block;
  width: 90%;
  margin: 0 auto;
}

<div class="content">
  <div class="block_01">
    Текст первого блока
  </div>
  <div class="block_02">
    Текст второго блока
  </div>
  <div class="block_03">
    Текст третьего блока
  </div>  
</div>

Но блоки либо ставятся по центру, но внутри самих бллоков тоже все по центру, либо все блоки в левой стороне, но и внутри блоков выравнивание тоже по левому краю. Подскажите, пожалуйста, как сделать блоки по центру?

 

Сейчас код выглядит так:

<footer>
  <div class="container">
    <div class="row">
      <?php if ($informations) { ?>
      <div class="col-sm-3">
        <h5><?php echo $text_information; ?></h5>
        <ul class="list-unstyled">
          <?php foreach ($informations as $information) { ?>
          <li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li>
          <?php } ?>
        </ul>
      </div>
      <?php } ?>
      <div class="col-sm-3">
        <h5><?php echo $text_service; ?></h5>
        <ul class="list-unstyled">
          <li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li>
          <li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li>
          <li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li>
        </ul>
      </div>
      <div class="col-sm-3">
        <h5><?php echo $text_account; ?></h5>
        <ul class="list-unstyled">
          <li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
          <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
          <li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li>
          <li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li>
        </ul>
      </div>
    </div>
    <hr>
    <p>Opencart.com</p>
  </div>
</footer>

 

Змінено 11 квітня 2017 користувачем IvanB

[Tom]

<div class="col-sm-3">

12:3=4

 

Сетка бутстрапа имеет 12 колонок

 

http://getbootstrap.com/css/#grid.

[IvanB]

Добавил в дивы блоков col-xs-4 как там сказано:

 

• Grid columns are created by specifying the number of twelve available columns you wish to span. For example, three equal columns would use three .col-xs-4.

Но по прежнему все тоже самое, как на скрине в первом сообщении

[AlexDW]

44 минуты назад, IvanB сказал:

Добавил в дивы блоков col-xs-4

 

col-sm и col-xs - несколько разные вещи

меняйте col-sm-3 на col-sm-4

[IvanB]

19 минут назад, AlexDW сказал:

 

col-sm и col-xs - несколько разные вещи

меняйте col-sm-3 на col-sm-4

Не помогло, поставил col-sm-4, выравнивание все равно по левому краю страницы (как на скрине в 1 сообщении).

 

<footer>
  <div class="container">
    <div class="row">
      <?php if ($informations) { ?>
      <div class="col-sm-4">
        <h5><?php echo $text_information; ?></h5>
        <ul class="list-unstyled">
          <?php foreach ($informations as $information) { ?>
          <li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li>
          <?php } ?>
        </ul>
      </div>
      <?php } ?>
      <div class="col-sm-4">
        <h5><?php echo $text_service; ?></h5>
        <ul class="list-unstyled">
          <li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li>
          <li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li>
          <li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li>
        </ul>
      </div>
      <div class="col-sm-4">
        <h5><?php echo $text_account; ?></h5>
        <ul class="list-unstyled">
          <li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
          <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
          <li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li>
          <li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li>
        </ul>
      </div>
    </div>
  </div>
</footer>

 

Кэш чистил и обновлял, ориентировался по исходному коду в браузере.
Может есть еще идеи?..

Змінено 11 квітня 2017 користувачем IvanB

[AlexDW]

в подобных ситуациях помогает ссылка на проблемную страницу

иначе - только гадать

[kiborg]

Если ко всем дивам добавить style="text-align: center;"

<div class="col-sm-4" style="text-align: center;">

Получится так:

 

Можете создать отдельный класс в стилях.

[Marianna]

В 12.04.2017 в 13:18, kiborg сказал:

Если ко всем дивам добавить style="text-align: center;"

<div class="col-sm-4" style="text-align: center;">

Получится так:

 

Можете создать отдельный класс в стилях.

а толк? блок нужно по центру, а не весь блок и ссылки.