css - How can apply bootstrap classes like and their respective behavior to only mobile mode using media queries? -


i have table in application use ui breaks when screen width reduces lesser 600px. want apply following bootstrap classes add scroll application :

 .table-scrollable .table-scrollable-borderless 

but, don't want scrolls appears in desktop ui.

so, decided use media query :

<style> @media (max-width: 600px) {  } </style> 

but, since these not own custom designed class instead classes inherited bootstrap. dont know how invoke media queries.

and can't change class names either because sure, there jquery generate scrolls based on these class names.

please guide.

you want add property

overflow-y: scroll; 

to element want have scroll bar. , borderless of course achievable via border: none;.

please note, when adding overflow-y: scroll, it's important have set height. hope helps.


Comments

Popular posts from this blog

php - Zend Framework / Skeleton-Application / Composer install issue -

c# - Better 64-bit byte array hash -

python - PyCharm Type error Message -