Estoy trabajando con tabs en mi pagina web, busco que al cargar mi pagina muestre el tab seleccionado, lo que logre fue que el tab quede seleccionado sin embargo no me muestra la información que tiene espero y me puedan apoyar, basicamente lo que busco es que al cargar mi pagina muestre la información del tab seleccionado
var actualMonth = new Date().getMonth();
var monthLink = document.getElementById("mes" + actualMonth);
monthLink.classList.add("active");
<!-- begin snippet: js hide: false console: true babel: false -->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
</head>
<body style="background: rgba(157, 159, 165, 0.11)">
<div class="profile-tabs">
<ul class="nav nav-pills nav-pills-icons justify-content-center" role="tablist">
<li class="nav-item">
<a id="mes0" class="nav-link" href="#enero" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Enero
</a>
</li>
<li class="nav-item">
<a id="mes1" class="nav-link" href="#febrero" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Febrero
</a>
</li>
<li class="nav-item">
<a id="mes2" class="nav-link" href="#marzo" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Marzo
</a>
</li>
<li class="nav-item">
<a id="mes3" class="nav-link" href="#abril" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Abril
</a>
</li>
<li class="nav-item">
<a id="mes4" class="nav-link" href="#mayo" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Mayo
</a>
</li>
<li class="nav-item">
<a id="mes5" class="nav-link" href="#junio" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Junio
</a>
</li>
<li class="nav-item">
<a id="mes6" class="nav-link" href="#julio" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Julio
</a>
</li>
<li class="nav-item">
<a id="mes7" class="nav-link" href="#agosto" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Agosto
</a>
</li>
<li class="nav-item">
<a id="mes8" class="nav-link" href="#septiembre" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Septiembre
</a>
</li>
<li class="nav-item">
<a id="mes9" class="nav-link" href="#octubre" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Octubre
</a>
</li>
<li class="nav-item">
<a id="mes10" class="nav-link" href="#noviembre" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Noviembre
</a>
</li>
<li class="nav-item">
<a id="mes11" class="nav-link" href="#diciembre" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Diciembre
</a>
</li>
</ul>
</div>
</body>
</html>
.................................................................................................................................................................................................................................