Menu et lien ancre

Bonjour et merci pour votre aide. J'ai un 'Tabs bootstrap' dans une page html qui marchent super bien, j'aimerai a partir du menu de ma page, pouvoir arriver exactement sur la zone de tabs.

<div>
 <ul class="nav nav-pills nav-stacked col-md-3">
        <li class="active"><a href="#tab_a" data-toggle="pill">Assurance Vie</a></li>
        <li><a href="#tab_b" data-toggle="pill">Assurance maladie</a></li>
        <li><a href="#tab_c" data-toggle="pill">Assurance retraite</a></li>
 </ul>
<div class="tab-content col-md-9  prod-down">
        <div class="tab-pane active" id="tab_a">LOREM 1</div>
        <div class="tab-pane" id="tab_b">LOREM 2</div>
        <div class="tab-pane" id="tab_c">LOREM 3</div>
</div>
</div>

j'aimerai savoir comment faire pour atteindre exactement un contenu de ma 'Tabs' quand le clique sur le menu deroulant de ma page

<div class="dropdown">
<a class="dropdown-item" href="accueil.html">Accueil</a>
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown button
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#tab_a">Assurance Vie</a>
<a class="dropdown-item" href="#tab_b">Assurance maladie</a>
<a class="dropdown-item" href="#tab_c">Assurance retraite</a>
</div>

</div>