Disable a link in Bootstrap

Question

The first example didn t work  I need to have always a list to disable links  Or what is wrong with my first demo    lt a class  disabled  href     gt Disabled link lt  a gt       lt ul class  nav nav-pills  gt           lt li role  presentation  class  disabled  gt  lt a href     gt Disabled link lt  a gt  lt  li gt         lt  ul gt    https   jsfiddle net 7y0u2amy

User · Answer

If what you re trying to do is disable an a link  there is no option to do this  I think you can find an answer that will work for you in this question here    One option here is to use    lt a href     onclick  return false   gt 123n lt  a gt    Disabled href tag

User · Answer

I think you need the btn class   It would be like this    lt a class  btn disabled  href     gt Disabled link lt  a gt

User · Answer

I just removed  href  attribute from that anchor tag which I want to disable     idOfAnchorTag   removeAttr  href         idOfAnchorTag   attr  class       idOfAnchorTag   attr  class      disabled

User · Answer

It seems that Bootstrap doesn t support disabled links  Instead of trying to add a Bootstrap class  you could add a class by your own and add some styling to it  just like this     x000D   x000D  a disabled   x000D       Make the disabled links grayish   x000D    color  gray  x000D       And disable the pointer events    x000D    pointer-events  none  x000D    x000D   lt  -- Make the disabled links unfocusable as well -- gt  x000D   lt a href     class  disabled  tabindex  -1  gt Link to disable lt  a gt  lt br  gt  x000D   lt a href     gt Non-disabled Link lt  a gt  x000D   x000D   x000D

User · Answer

I just created my own version using CSS  As I need to disabled  then when document is ready use jQuery to make active  So that way a user cannot click on a button until after the document is ready  So i can substitute with AJAX instead  The way I came up with  was to add a class to the anchor tag itself and remove the class when document is ready  Could re-purpose this for your needs   CSS   a disabled      pointer-events  none      cursor  default      HTML    lt a class  btn btn-info disabled  gt Link Text lt  a gt    JS     function           a disabled   on  click  function event           event preventDefault           removeClass  disabled

User · Answer

You cant set links to  disabled  just system elements like input  textfield etc   But you can disable links with jQuery JavaScript      disabled   click function e       e preventDefault          Just wrap the above code in whatever event you want to disable the links

[html] Disable a link in Bootstrap

Examples related to html

Examples related to css

Examples related to twitter-bootstrap

Examples related to twitter-bootstrap-3