I know I can do media query to detect screen size and add "display:none
" style accordingly, but does bootstrap has a built-in class to hide a grid column for certain screen size?
Bootstrap Grid - Small Devices Tip: Small devices are defined as having a screen width from 768 pixels to 991 pixels. For small devices we will use the . col-sm-* classes. Now Bootstrap is going to say "at the small size, look for classes with -sm- in them and use those".
Bootstrap's grid system allows up to 12 columns across the page.
How does Bootstrap work? To align and layout, the Bootstrap grid system uses a series of containers, rows, and columns. This grid system supports a max value of 12 columns. Anything after the 12th column will be shifted to a new line.
Yes! And very flexible they are too. Have a look here:
http://getbootstrap.com/css/#responsive-utilities-classes
If that's not clear, I can try to help you work out which ones you need?
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With