Немогу понять почему колонки выпадают из родительского блока.
clear:both непомогает
Ссылка на HTML и CSS: https://jsfiddle.net/uuqs369h/
p.s. колонки бутстраповские при уменьшении экрана они в родительском блоке
если вы пишете разметку образно col-sm-6 col-md-3 у них должен быть родитель row, т.к. у row у бутстрапа прописан clear и он видит видит флоаты и ваша разметка не схлопывается.