css - Apply class depending on media query screen size -
i using twitter bootstrap. have btn-group. want btn-group , btn-group-justified classes added screens @ or above 768px, , btn-group-vertical class applied screens @ or below 767px. what's easiest way this?
this jquery implementation. if can't change ids classes on buttons, best way can think of it.
$(document).ready(function(){ var changewidth = function(){ if ( $(window).width() < 768 ){ $('.btn-group-justified').removeclass('btn-group-justified').addclass('btn-group-vertical'); } else { $('.btn-group-vertical').removeclass('btn-group-vertical').addclass('btn-group-justified'); } }; $(window).resize(changewidth); });
Comments
Post a Comment