Как отцентрировать данный блок?

Question

[wzrsiba]

Прошу помочь советом, как можно отцентрировать данный блок по ширине при уменьшении ширины экрана?
В качестве сетки используется Бутстрап. (P.S: Я новичок)

Скриншот

Собственно, код

Answer 1

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

text-align: center;
https://jsfiddle.net/ukqhdx9w/14/

при уменьшении ширины экрана

Ответ тот же, но добавим медиа запрос

@media screen and (max-width:600px) {
  .fghfldf {text-align: center};
}

https://jsfiddle.net/ukqhdx9w/28

В качестве сетки используется Бутстрап

рад за Вас, а зачем нам это знать? И в како месте она используется, что-то не помню что бы у бутстрапа был класс footer-col. Да и раз уж Вы указываете что используете ту или иную технологию, указывайте ее мажорную версию. Ибо boostrap имеет их 4 и они крайне разные.

Comments

[wzrsiba]

text-align: center;

В результате этого текст центрируется вместе с заголовками (h3) блоков, а это недопустимо по макету.

рад за Вас, а зачем нам это знать?

Даю как можно больше информации.

И в како месте она используется

Используется sass с mixin и include, но это думаю неважно.

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

wzrsiba,

а это недопустимо по макету

это надо было мне в магический шар заглянуть?
Кто мешает для h3 указать иной text-align или заменить мой класс на класс того, что нужно центрировать?

Answer 2

[Можно просто Евгений]

https://jsfiddle.net/ukqhdx9w/24/

так что ли ?