I want to use Bootstrap 3 to make a web site with responsive graphics, how I have to set the grid sistem?

Question

I want to make my site avaible from both pc and smartphones, but when I set the grid sistem whit col-xs-*(number from 1 to 12) it doesn't change anything in the mobile version, but only in the desktop, and it is orribile to see. Help me pleese🙏

Answer 1

The col-xs class will remain horizontal no matter the screen size. Meaning, the columns will line up side-by-side on a phone just as they will on a computer screen. The col-xs class tells the browser never to stack the columns. Try using col-sm, col-md, or col-lg depending on the breakpoints you want.

https://getbootstrap.com/docs/4.0/layout/grid/

Answer 2

You should use different sizes at the same time