In order to achieve some specific styling in some specific screen width I have done the following
var width = jQuery(window).width();
if(width >990 && width <1199){
jQuery('.logo').removeClass('col-md-offset-1 col-md-5 col-xs-8 col-xs-offset-2');
jQuery('.logo').addClass('col-md-12');
}else{
jQuery('.logo').addClass('col-md-offset-1 col-md-5 col-xs-8 col-xs-offset-2');
}
But to view the changes I have to refresh the page , is there any way the I can view the changes on browser screen resize ?