Script to print current Bootstrap viewport breakpoint size

getCurrentBoostrapViewport

<script src="https://rawgit.com/maciej-gurban/responsive-bootstrap-toolkit/master/js/bootstrap-toolkit.min.js"></script>
<script>
  function getCurrentVP(viewport) {
    var currentViewport= 'n/a';

    if( viewport.is('xs') ) {
        currentViewport = 'xs';
    }
    else if( viewport.is('sm') ) {
        currentViewport = 'sm';
    }
    else if( viewport.is('md') ) {
        currentViewport = 'md';
    }
    else if( viewport.is('lg') ) {
        currentViewport = 'lg';
    }

    return currentViewport;
  }
  
  (function($, viewport){
      currentViewport = "";

      // Initial load handling
      $(document).ready(function() {
          currentViewport = getCurrentVP(viewport);
          console.log('current viewport: '+currentViewport);
      });

      // Window resize handling
      $(window).bind('resize', function() {
          viewport.changed(function(){
            var newVp = getCurrentVP(viewport);
            if (currentViewport != newVp) {
              currentViewport = newVp;
              console.log("viewport changed to: "+currentViewport);
            }
          });
      });
  })(jQuery, ResponsiveBootstrapToolkit);
</script>