title: SweetAlert with Bootstrap nav tabs
body: <p>I have a bootstrap nav tab with 4 links (Applicant, Coverages, Locations, Premium).  I have a jquery click event on Coverages to validate the Applicant data.  If failed, display sweetalert and stay on the Applicant tab:</p>
  
  <pre><code>$('#CoveragesTab').off('click').on('click', function (event) {
      SaveApplicantTabData(function (retVal) {
          if ("success" == retVal.status) {
          }
          else if ("failed" == retVal.status) {
              event.stopImmediatePropagation();
              swal(retVal.message, "Applicant Error", "error");
              //alerta(retVal.message);
              return false;
          }
          else if ("error" == retVal.status) {
              event.stopImmediatePropagation();
              alert(retVal.message);
              return false;
          }
      });
  });
  </code></pre>
  
  <p>Functionally, this works perfectly, but the Coverages link looks like it still has the focus - the whole square of the tab is highlighted the same as hovering over a tab.  It doesn't have the focus.  I checked with developer tools and the active link is correct as well as other values.  </p>
  
  <p>How can I remove the focused look from the tab?</p>
  
  <p>Thank you.</p>