ruby on rails - Bootstrap - Modify Media Queries -


i'm using twitter-bootstrap 2.2.8 , rails 4.

where applicable, i've set different divs desktop, tablet , phone using following classes:

.visible-desktop, .visible-tablet, .visible-phone 

the problem that, way bootstraps media queries work, ipad(landscape) using desktop code not tablet version major problem.

is there way modify bootstraps media queries tablet max-width is, example, 1024px instead of current value (979px)?

if don't mind hacking @ bootstrap css need find media queries , change them whatever width/height want. you'll find lines this

@media (min-width: 768px) { /*some css*/} 

just change these values whatever want (the media queries appear in many different places throughout css) , change various classes, in case there should like

@media (max-width: 979px) {     .visible-tablet{         display:block;     } } 

just change media query 1024 , away. mindful of messing media queries much, classes widths (such various span* classes) might start behaving weird once start messing points @ media queries change.


Comments

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -