PROBLEM :
Is there any way to disable a link using CSS?

If you have a class called current-page and want links with this class to be disabled so that no action occurs when they are clicked.

SOLUTION 1 :

• CSS can only be used to change the style. The best way you could probably do with CSS is to hide the link altogether.
• What you really need is some javascript. Here’s how can you do the javascript function and what you want using the jQuery library.
• $(‘a.current-page’).click(function() { return false; });

SOLUTION 2 :

CSS can’t do that because it is only for presentation.
Your options are:

• Don’t include the href attribute in your tags.
• Use JavaScript, to find the anchor elements with that class, and remove their href or onclick attributes accordingly.
• jQuery would help you with that problem(NickF showed how to do something similar but better).

SOLUTION 3 :
Here the solution for Bootstrap Disabled Link and Bootstrap Disabled Button.

Bootstrap Disabled Link

<a href="#" class="btn btn-primary btn-lg disabled" role="button">Primary link</a>
<a href="#" class="btn btn-default btn-lg disabled" role="button">Link</a>

Bootstrap Disabled Button but it looks like link

<button type="button" class="btn btn-link">Link</button>