Как в Bootstrap запретить перенос на новую строку элементов col-sm?

Question

[Niko True]

Здравствуйте, бьюсь 2 дня, искал в интернете - но ничего не помогло. Дело в том, что у меня в строку расположены картинки, которые в свою очередь заключены в div col-sm-2. Как только я уменьшаю размер и элементы не помещаются - картинки выстраиваются в столбик, а мне бы хотелось, что бы оставались в строку и просто появлялся горизонтальный scroll. Помогите решить проблему.
P.S. Требуется добавить скрол после того, как ширина страницы становится менее 768 пикселей.

Answer 1

[Евгений Петров]

.footer{
	overflow:auto;
	white-space:nowrap;
}
.col-sm-2{
	display:inline-block;
}
...
<div class="footer">
	<div class="col-sm-2"><img src="..."></div>
	<div class="col-sm-2"><img src="..."></div>
	<div class="col-sm-2"><img src="..."></div>
</div>

Comments

[Niko True]

@Petroveg к сожалению все равно перекидывает на следующую строку.

[Евгений Петров]

@buloshnik чудес не бывает. Где-то у вас перекрываются стили какими-то вашими.

[Niko True]

@Petroveg а не посмотрите где? вот ссылка urfaq.com/test

[Евгений Петров]

@buloshnik для блока .row не указано white-space:nowrap.
У блоков .col-sm-2 поставить display:inline-block и убрать float:left.

А потом почитайте, что делает float и какой display становится у элементов автоматически.

[Niko True]

@Petroveg благодарен