Responsive behaviour and screen resoultion, coulmns width in px or %
In a grid page i have set its width to 1200px,and columsn width to 200px, 300px etc. on a screen resolution of 1920x1080 page is displaying normally but when i change the resolution to lower value only a part of page appears on screen. I think instead of setting columns width as 200px, 300px, if i set their width in % like 20% or 25% it will automatiocally adjust the page and columsn width sizes with screen resolution. am I thinking correct?
That’s right, generally it’s better to use percentages and hardcode as little as possible and if you want your page to change layouts depending on the device used you can combine this with the bootstrap col-*-* classes