css - Bootstrap column view in portrait and landscape -


i failry new bootsrap , wanted ask, there anyway, when device screen in portrait use "md" size columns, , when in landscape use "xs" columns?

extend bootstrap css using new or altered media queries. leaving original bootstrap.css file , extending changes best way, or future upgrades troublesome. might want recreate grid classes want use, example:

@media (min-width: 992px) , (orientation:landscape) {     .col-md-4 {         // properties     } }  @media (min-width: 992px) , (orientation:portrait) {     .col-md-4 {          // redefined     } } 

as mentioned skelly, there no orientation switch built bootstrap @ time.


Comments

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -