Why doesn't col-*-offset work?

Question

Bootstrap

Hello!
I just started learning Bootstrap today and immediately got stuck. I'm typing the first block, column indents don't work. The columns are pressed against each other, indented to the right of the last column. I carefully study hundreds of training articles - it works for everyone, I don’t. I alternately include different files - bootstrap.min.css - bootstrap.css - bootstrap-grid.css. Result 0. I try all the same manipulations with sm, md, lg. Nothing... I simplify the page as much as possible. Does not work. Here is the code

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

Why are the columns pressed against each other and there is no indent? I don't know what else to do...

Answer 1

Use 3 bootstrap.
4 hasn't even been released yet, and yet it's damp.
in 3 there are no such problems
, and yes, you forgot<div class="container">

Answer 2

In the new version of alpha, the writing of the indent class has been reduced.
Now instead of for example col-md-offset-2 you should use offset-md-2