Bootstrap nav-tabs href未显示在URL中

Question

Using simple bootstrap nav-tabs. Onclick of tab anchor href value should append on existing url. But here only I am not able to do that.

Example :

<ul class="nav nav-tabs ">
    <li class="active"> <a data-toggle="tab" href="#Home">HOME </a> </li>
    <li> <a data-toggle="tab" href="#Documents">DOCUMENTS </a> </li>
    <li> <a data-toggle="tab" href="#Applications">APPLICATIONS </a> </li>              
</ul>

Answer 1

Add data-toggle="tab" attribute in your markup

<a data-target="#home" data-toggle="tab">Home</a>

Also you can check here enter link description here