Bootstrap: вертикальное и горизонтальное выравнивание

В Bootstrap для горизонтального выравнивания текста используются следующие классы:

<p class="text-left">Выравнивание по левому краю</p>
<p class="text-center">Выравнивание по центру</p>
<p class="text-right">Выравнивание по правому краю</p>
<p class="text-justify">Выравнивание по ширине</p>
<p class="text-nowrap">Выравнивание без отступов</p>

Для выравнивания контента по вертикали в bootstrap нет специальных классов, поэтому можно использовать следующие подходы.

.vcenter {
  display: inline-block;
  float: none;
  vertical-align: middle;
}

это класс нужно применить к блоку col, в котором находится контент который нужно отценровать и ко всем блокам внутри блока row. Но есть один нюанс, необходимо чтобы между тегами блоков не было пробелов. Чтобы не нарушать читаемость кода можно использовать теги комментарием HTML <!— —>, как указано ниже.

<div class="row">
   <div class="col-md-6 col-sm-6 vcenter"><div><!-- 
--><div class="col-md-6 col-sm-6 vcenter"><div>
</div>

Демо тут

Второй вариант использование табличных стилей

.container-fluid{
  height: 200px;
  display:table;
  width: 100%;
  padding: 0;
}
 
.row-fluid {
  height:100%; 
  display:table-cell; 
  vertical-align: middle;
}
 
.centering {
  float:none;
  margin:0 auto;
}

<div class="container-fluid">
   <div class="row-fluid">
      <div class="centering">
          Контент по центру блока
      </div>
   </div>
</div>

Демо тут