<li class="nav-item active"><a class="nav-link" href="#tabs-status" data-toggle="tab">Status</a></li>

  <li class="nav-item"><a class="nav-link active" href="#tabs-status" data-toggle="tab">Status</a></li>

  <li class="nav-item active"><a class="nav-link" href="#tabs-evaluations" data-toggle="tab">Evaluations</a></li>

  <li class="nav-item"><a class="nav-link active" href="#tabs-evaluations" data-toggle="tab">Evaluations</a></li>

  <li class="nav-item active"><a class="nav-link" href="#tabs-project" data-toggle="tab">Jobsets</a></li>

  <li class="nav-item"><a class="nav-link active" href="#tabs-project" data-toggle="tab">Jobsets</a></li>

    $(function() {
        if (window.location.hash) {
            $(".nav-tabs a[href='" + window.location.hash + "']").tab('show');
        }

    /* Activates tab according to URL anchor. */
    if (window.location.hash) {
        $('.nav-tabs > .nav-item:not(.dropdown) a[href="' + window.location.hash + '"]').tab('show');
    }

        /* If no tab is active, show the first one. */
        $(".nav-tabs").each(function() {
            if ($("li.active", this).length > 0) return;
            $("a", $(this).children("li:not(.dropdown)").first()).tab('show');
        });

    $('.nav-tabs').each(function() {
        if ($('.nav-item:not(.dropdown) a.active',this).length == 0)
            $('.nav-item:not(.dropdown) a',this).first().tab('show');
    });

        /* Ensure that pressing the back button on another page
           navigates back to the previously selected tab on this
           page. */
        $('.nav-tabs').bind('show', function(e) {
            var pattern = /#.+/gi;
            var id = e.target.toString().match(pattern)[0];
            history.replaceState(null, "", id);
        });

    $('.nav-tabs > .nav-item:not(.dropdown) a[href^="#"]').on('click', function() {
        history.replaceState(null, null, window.location.href.split("#")[0] + $(this).attr("href"));