Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Forcing responsive Bootstrap grid to not collapse in phone mode

I'm building a site with Bootstrap. There are times when I want the grid to collapse in phone mode, but sometimes I don't - the top menu is a bar, for instance, which contains a couple of items in a row. And I want them to stay floated while in phone mode, not collapse on top of each other which is the default behavior for a ".row-fluid" grid.

Is there a built-in way of accomplishing this, like a non-responsive grid in all resolutions? Or will I have to roll my own?

like image 814
straffaren Avatar asked Nov 13 '22 19:11

straffaren


1 Answers

I know this is old, but it comes up in a google search and I found the answer...

Don't want your columns to simply stack in smaller devices? Use the extra small and medium device grid classes by adding .col-xs-* .col-md-* to your columns.

From here http://getbootstrap.com/css/#grid-example-mixed

like image 130
dbinott Avatar answered Nov 15 '22 11:11

dbinott