[Помогите] Стандартные табы бутстрапа - как заставить их "свайпиться"

Не знаю смогу ли нормально объяснить, но попробую. Использую стандартные табы из бутстрапа.
http://test2.dtraduga.vh66.hosterby.com/templates/newsPage.php
при клике на поиск появляются закладки: http://prntscr.com/qv0wcb
закладки: http://prntscr.com/qv0x6r
при изменении разрешения они начинают переходить на другую строку, - а нужно чтобы этого не было:
http://prntscr.com/qv160t
пробовал и white-space: nowrap; / flex-wrap: nowrap; / overflow-x: scroll; но никакой реакции на происходящее :(((
а нужно чтобы как на этом сайте: https://www.onliner.by/
вот этот блок - при клике в поиск у них на сайте и написать допустим lg: http://prntscr.com/qv13gf
при изменении разрешения чтобы они не влазили можно скролить слева/направо или свайпить - с мобильного понятнее
вот и проблема как такое сделать с табами ((( может кто может подсказать решение?