Bootstrap Grid resizing moves to many columns at once

Question

I have a bootstrap responsive row that looks like this:

As I make my window thinner and thinner is resizes correctly at first and the next resize looks like t