Bootstrap nav-tabs href is not displaying in 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>

Possible duplicate of [Twitter Bootstrap - Tabs - URL doesn't change](http://stackoverflow.com/questions/12131273/twitter-bootstrap-tabs-url-doesnt-change) — Gleb Kemarsky, Jun 28 '16 at 18:30
Try this http://www.ordinarycoder.com/bootstrap-tabs-change-url-hash-jump/ — Gleb Kemarsky, Jun 28 '16 at 19:48

score 0 · Answer 1 · edited May 23 '17 at 12:13

0

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

edited May 23 '17 at 12:13

Community

1
1

answered Jun 28 '16 at 13:06

Raghbendra Nayak

1,606
3
22
47

For me tab function is working but href value is not appending in existing url fragment – user3222157 Jun 28 '16 at 13:28
Did you check the link I have shared? – Raghbendra Nayak Jun 28 '16 at 13:29
Can you share whole code or fiddle URL that will be more helpful for us? – Raghbendra Nayak Jun 28 '16 at 13:35

Bootstrap nav-tabs href is not displaying in URL

1 Answers1