css - リンクでナビゲーションリンクピルを変更するには?

Question

私はこのBootstrap Nav-pillsを持っています - 2つのタブがあります:

<ul class="nav nav-pills nav-fill kt-portlet__space-x" role="tablist">
    <li class="nav-item">
    <a class="nav-link active" data-toggle="pill" href="#menu11"><span> TAB1</span></a>
    </li>
    <li class="nav-item">
    <a class="nav-link" data-toggle="pill" href="#menu21"><span>TAB2</span></a>
    </li>
</ul>

TAB2 内にボタンがあり、TAB1 onclick に変更する必要があります。それが可能だ？

私はこれを試します：

<input type="button" data-toggle="pill" href="#menu11" value="GO TO TAB1">

TAB1を開きます-しかし..タブ1をアクティブにしません（「アクティブな境界線」はまだタブ2にあります）-そしてタブ2に戻ると-もう機能しません..

何か案が？