Strange bootstrap behavior

Question

I use Bootstrap 3. I noticed a strange behavior that when I use the class .col-md-6on <div>, it takes up half the area, as it should be, but when I use the class .col-md-4in the same <div>, it takes up a whole line.

Below are attached images.

1) Image from .col-md-6:

2) Image from .col-md-4:

Can someone tell me how can I solve this problem?

Answer 1

Try to use .col-xs-4. I suspect this due to breakpoints as they are stacked.