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
Post a Comment