Горизонтальное выравнивание div в сетке Bootstrap?

Question

[buzzloud]

Всем привет, перепробовал несколько вариантов - ни один не помогает. Значит есть четыре блока внутри .container и .row . Их нужно разместить по центру. Поскольку сетка резиновая не хотелось бы использовать margin-left для первого блока, куда приятнее, если бы блоки центрировались бы по принципу margin: 0 auto; , но загвоздка в том, что так центрировать не получается. Можно ли добиться автоматического центрирования в этом случае и как?

<div class="container numerals">
            <div class="row">
                <div class="col-md-3 digit">
                    <div class="text-uppercase">Наши<br>награды</div><br>
                <strong>54</strong>
                </div>
                <div class="col-md-3 digit">
                    <div class="text-uppercase">Готовых<br>проектов</div><br>
                <strong>1054</strong>
                </div>
                <div class="col-md-3 digit">
                    <div class="text-uppercase">Счастливых<br>клиентов</div><br>
                <strong>120</strong>
                </div>
                <div class="col-md-3 digit">
                    <div class="text-uppercase">Упоминаний<br> в прессе</div><br>
                <strong>54</strong>
                </div>
            </div>
        </div>

CSS (тож такой вариант не проходит)
.numerals {
margin-top: 20px;
text-align: center;
}

.digit {
display: inline-block;
width: 20%;
padding-top: 50px;
margin-bottom: 50px;
}

Comments

[Андрей Хохлов]

живой пример покажите

[Максим Тимофеев]

А что центрировать? digit внутри row или контент внутри digit?

Answer 1

[Михаил Чирский]

Добавьте

.digit
{
    float: none;
}

по умолчанию все колонки float: left; и будет вам радость

Comments

[buzzloud]

Спасибо!

[Михаил Чирский]

buzzloud: Всегда рад помочь)

Answer 2

[Дмитрий Еремин]

Вот так работает

.digit{
  text-align: center;
}

Comments

[buzzloud]

Пробовал несколько вариантов, но что-то никак(