row to row-fluid with jQuery

row to row-fluid with jQuery

Is it a good idea and is it the best way to do that  ?

I just want to add -fluid  to the class row or container if the screen  < 1440  onload and on resize
and to refresh the page if it is resized under 1440

There is a shortest way to do that I guess

  1. $( window ).resize(function() {
  2.  
  3. var width = $(window).width(), height = $(window).height();
  5. if (width < 1440) {
  6. $('.container').addClass('container-fluid');
  7. $('.container-fluid').removeClass('container');
  8. $('.row').addClass('row-fluid');
  9. $('.row-fluid').removeClass('row');
  10. location.reload(true);
  11.    } else {
  12.     $('.container-fluid').addClass('container');
  13. $('.container').removeClass('container-fluid');
  14.     $('.row-fluid').addClass('row');
  15. $('.row').removeClass('row-fluid');
  16.    }
  17. });
  19. $(document).ready(function() {
  21. var width = $(window).width(), height = $(window).height();
  23. if (width < 1440) {
  24. $('.container').addClass('container-fluid');
  25. $('.container-fluid').removeClass('container');
  26. $('.row').addClass('row-fluid');
  27. $('.row-fluid').removeClass('row');
  28.    } else {
  29.     $('.container-fluid').addClass('container');
  30. $('.container').removeClass('container-fluid');
  31.     $('.row-fluid').addClass('row');
  32. $('.row').removeClass('row-fluid');
  33.    }
  35. });
Thank you