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