seriogja

1) Настроить событие ресайза окна на сохранение размеров этого окна. Проверять (при ресайзе) больше ли ширина, чем нужно.
2)

if ( $( "#myDiv" ).length ) {
    // элемент есть
    $( "#myDiv" ).show();
}

И кстати, абсолютно не ясно как код, который вы разместили в посте, связан с вопросом. Как он может помочь, и зачем вы его разместили - не понятно.

Добый день!

В документации на официальном сайте вроде все есть: getbootstrap.com/javascript/#tabs
Вам остается только написать немного дополнительного кода:

var url = document.location.toString();
if (url.match('#')) {
    $('.nav-tabs a[href=#'+url.split('#')[1]+']').tab('show') ;
} 

$('.nav-tabs a').on('shown.bs.tab', function (e) {
    window.location.hash = e.target.hash;
})

отсюда