Why do bootstrap columns have different indents? Do they merge when viewed on a tablet?

Question

HTML

https://jsfiddle.net/fjk8tp1a/1/

Answer 1

So you have a complete mess there from the classes.
In total, more than 12 columns come out for each resolution, of course it will go and it’s not clear what to show.
col-md-4 + col-md-8 + col-md-1 col-md-offset-1(5 pieces) = 22 columns out of 12 possible.
well, etc.
Well, what other styles do you have on the page that break, in general it should just go to the next line, but most likely they broke it with their styles.