Как выровнять блок по центру на всех расширениях?

Question

[Max]

Здравствуйте. Есть такой код https://jsbin.com/nafuheredi/edit?html,css,output
В середине блока есть ещё 3 блока. Проблема в том, что при изменении расширения главный блок ездит по экрану. Как это исправить?

Answer 1

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

1. У Вас родительский блок имеет класс col-lg-6 col-md-6 col-sm-6 col-xs-10, а соответственно занимает половину или 10/12 экрана в зависимости от рассширения.
2. Сделайте этим трем блокам col-xs-4 или создайте им родителей и им сделайте.

Comments

[Max]

Тогда размер блока будет резиновый и блок будет уменьшатся с уменьшением экрана. У меня же все размеры фиксированные.

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

у Вас блоки inline-block, они и должны ездить.

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

Сделайте абсолютное позиционирование относительно родителя - будет все жестко