How to disable col-sm elements from wrapping in Bootstrap?

Question

css

Hello, I've been fighting for 2 days, I've been looking on the Internet - but nothing has helped. The fact is that I have pictures in a line, which in turn are enclosed in div col-sm-2. As soon as I reduce the size and the elements do not fit - the pictures line up in a column, but I would like them to remain in a line and just a horizontal scroll appears. Help solve the problem.
PS It is required to add a scroll after the page width becomes less than 768 pixels.

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>