Почему не работает col-*-offset?

Question

[semennn]

Всем привет!

Только сегодня начал изучать Bootstrap и сразу жесткий "затык". Верстаю первый блок, не работают отступы колонок. Колонки прижаты друг к другу, отступ справа от крайней колонки. Внимательно изучаю сотни обучающих статей - у всех работает, у меня нет. Попеременно подключаю разные файлы - bootstrap.min.css - bootstrap.css - bootstrap-grid.css. Результата 0. Пробую все те же манипуляции с sm, md, lg. Ничего... Упрощаю страницу максимально. Не работает. Вот код

<div class="row">
    <div class="col-sm-2">Блок 1</div>
    <div class="col-sm-8 col-sm-offset-2">Блок 2</div>
</div>

Почему колонки прижаты друг к другу и нет отступа? Я уже не знаю, что еще предпринять...

Comments

[semennn]

Я так подозреваю, что я подключил Bootstrap 4, а там уже offset и нет, верно?

[Александр]

semennn: есть, но не такой, как в 3 версии: ссылка.

Answer 1

[Виктор Таран]

Используй 3 бутстрап.
4 еще не вышел даже в бетку и все-же он сыроват.
в 3 таких проблем нет
ну и да ты забыл<div class="container">

Answer 2

[Nilin_zxc]

В новой версии альфы сократили написание класса отступа.
Теперь вместо например col-md-offset-2 следует использовать offset-md-2

Comments

[tims-morozov]

Спасибо большое!