How to indent in bootstrap?

Question

css

class="row">
left
center
right

Answer 1

padding-left
padding-right for col-md

Answer 2

the padding between the blocks on the left and right should be 8px.

Indents in the bootstrap are not between columns, but inside, i.e. these are paddings. To get the desired result, you need to put additional. blocks inside .col-md-*, and set the background to them already.

Answer 3

Did I miss something? Isn't it 12 columns?

Answer 4

Add this code to your styles at the very top (quick fix):
.row{margin-right: -8px;margin-left: -8px;}
.row div[class*="col-"]{padding-left:8px ;padding-right:8px;} // if you don't want to bind to .row then just remove .row first and just leave div[class*="col-"]