How to make a bootstrap nav link inactive -

i using bootstrap nav bar wizard progress indicator. want make sure steps of wizard have not been visited yet not clickable. them appear in nav bar, have them greyed out , links disabled. can done in bootstrap nav bar?

you can add disabled class container <li>:

<ul class="nav nav-list">    <li class="disabled"><a href="index.html">...</a></li> </ul> 

however, disallow users clicking them, should use javascript prevent this:

$(document).ready(function() {    $(".nav li.disabled a").click(function() {      return false;    }); }); 

another way replacing href property anchor (#) temporarily.