Как сделать два блока в линию с одним заголовком по центру?

Question

[enerjze]

Здравствуйте, пытаюсь сделать два блока в линию с одним заголовком, на картинке примерно показал, что хочу.
Я так понимаю, надо заголовку дать отдельный класс?
Вот тут можно глянуть

Comments

[Punn1k]

Контакты col-md-12 и в центр.
Блокам col-md-6

[enerjze]

Сделал, блокам прописал display:inline они все равно друг под другом идут

Answer 1

[shmatuan]

У вас стоит col-md-3 - для начала лучше его сделать нормальным, птом уже колонки делать (через тот же col-md-6)

Comments

[enerjze]

Я сделал через кол md6, но они идут друг под другом все равно(

[Женис]

Можно сделать через отдельные .row для заголовка и для двоих контактов. Но думаю есть решение и получше

[shmatuan]

enerjze, есть вариант обернуть эти 2 блока и сделать обёртке display: flex; - так они точно будут в 2 колонки)
+ убрать col-md из них и поставить им размер через width: 300px;

[shmatuan]

enerjze, https://codepen.io/andreysh/pen/jQxOzL

[enerjze]

прописал col-md-12 для Контактов, вывел их вверх над двумя этими блоками, получается вот так.

сьезжает вниз,я так понимаю из-за длины md12

[shmatuan]

enerjze, Да) col-md-12 - потому что сетка разделена на 12 частей
В "О нас" - col-md-3, значит нужно col-md-9 для Контактов

[enerjze]

shmatuan,
получается как то так, реально ли сделать что то типо col md-12 но не такой длины?

[shmatuan]

enerjze, да, написать класс самому)
col-md-12 это просто width: n% - так что проблем быть не должно

[enerjze]

shmatuan, тогда Контакты получаются слева от блоков, уже голову себе сломал, не получается(