Why is my Bootstrap column centered instead of left-aligned?

Question

I am using standard Bootstrap 3 CSS.

Image of my issue:

My HTML is below:

Answer 1

There is no need to float them, if you are using bootstrap, just use rows and columns, wrap elements inside those classes. Float is what is messing with your style. Also, I would recommend using css Flexbox in the future, it is much better and more flexible than bootstrap.