Как можно выровнять блок по ценрту?

Question

[zerofx]

Привет всем!
Простите за не очень интересный вопрос и не нашел ответ на просторах гугла ...

Проблема в том, что не знаю как выровнять div блок по центу, тому, что я прочитал понимаю что там нет стандартного класса ...

Подскажите есть ли способ, или как можно выровнять блок скажем col-sm-4

Answer 1

[Вячеслав Лебедев]

Попробуйте к .col-sm-4 добавить класс с: margin: 0 auto;
Вот тут есть интересные способы
А вообще, посмотрите в сторону flex

Answer 2

[Дмитрий Евграфович]

стандартный класс для этого .center-block еще есть .text-center для центрирования инлайновых элементов внутри блока. но с col-sm-4 это будет действовать только если вы засунуть center-block внутрь него. ну и выравнивание будет относительно родителя, естественно. в общем браузерная панель разработчика в помощь, там нагляднее, какие стили что прибавляют.

Answer 3

[zerofx]

или я действительно не понимаю или я не так что-то делаю ...
про строчные элементы это я понимаю =) но это немножко не то ..

вот тут пример - https://jsfiddle.net/c0h1L37n/

PS - только растяните блок с рендером .. а то не так все видно в малом фрейме

Answer 4

[MaxFreedom]

если , то в css нужно прописать: .col-sm-4 col-sm-offset-4{margin: 0px auto;}
или

Comments

[zerofx]

ну так можно было с самого начала - и тогда это уже костыль, который используется ко всем блокам где есть такие классы ...

я понимаю что можно использовать свой класс и забыть, но ежели есть дефолтный почему он не работает?

Да я понимаю что достаточно добавить в class "center-block" - float: none и будет меня щастя ...

я давно верстаю - но бутстрапом не могу подружиться, то редакции часто новые выходят, то стиле не срабатывают ... или я банально не понимаю ...