Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Does bootstrap support column width equals to zero in order to hide grid column in extra small screens?

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?

like image 724
Lamar Avatar asked Nov 07 '14 12:11

Lamar


People also ask

How we define grid for extra small devices in Bootstrap?

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".

How wide is Bootstrap grid?

Bootstrap's grid system allows up to 12 columns across the page.

How does grid work in Bootstrap?

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.


1 Answers

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?

like image 199
sifriday Avatar answered Oct 29 '22 17:10

sifriday