I am using Bootstrap 3. I have noticed a strange behavior that when I use class .col-md-6 on a <div>, it occupies half the area as it should be, but when I use class .col-md-4 on the same <div>, it occupies the whole row.
Below are the attached images.
Can anyone tell me how I can resolve this issue?

