Problem:
Display different number of columns (Desktop, tablet, mobile) using view

Solution:
Please make sure you set Bootstrap loading option. You can load the bootstrap from the Toolset. For that you should activate the option:
=> Toolset => Settings => General tab => Bootstrap loading => Set bootstrap 3.

To display the different columns per device you can setup your loop output accordingly:
=> https://toolset.com/documentation/legacy-features/views-plugin/view-layouts-101/#bootstrap

You can find proposed solution in this case with the following reply:
https://toolset.com/forums/topic/linking-out-to-top-level-only-taxonomy-term-archive-pages-from-a-hub-page/#post-2324773

Relevant Documentation:
=> https://getbootstrap.com/docs/3.4/css/#grid-example-mixed-complete