Bootstrap - How to reduce the number of columns to two?

Question

css

Hello.
I bought an html-template of a store site on the Internet, it uses bootstrap. When viewed on a monitor on the site, the products are arranged in 4 columns, but when viewed in telephone mode, 4 columns turn into one. Question: how can I achieve that both when viewed through a monitor and when viewed through phones / tablets, etc. products were always displayed in only two columns?

Answer 1

bootstrap uses a grid of 12 columns, respectively, the size of the columns at a particular resolution is regulated through the classes col-(lg|md|sm|xs|)-*
if you set classes for the column

<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> ..... </div>

then it will always take up 50% of the line width
https://getbootstrap.com/docs/3.3/css/#grid