How to make a .nav-link inactive?

Question

You can add the disabled class to the container <li>:

<ul class="nav nav-list">
   <li class="disabled"><a href="https://stackoverflow.com/questions/15648329/index.html">...</a></li>
</ul>

However, to disallow users clicking them, you should use JavaScript to prevent this:

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

Another way is replacing the href property with an anchor (#) temporarily.