Disabilitare un collegamento in Bootstrap

Question

Il primo esempio non ha funzionato. Devo avere sempre un elenco per disabilitare i collegamenti? O cosa c'è di sbagliato nel mio primo demo?

<a class="disabled" href="#">Disabled link</a> 

---

<ul class="nav nav-pills"> 
    ... 
    <li role="presentation" class="disabled"><a href="#">Disabled link</a></li> 
    ... 
</ul> 

https://jsfiddle.net/7y0u2amy/

Answer 1

Se state cercando di fare è disabilitare una un link, non esiste alcuna opzione per fare questo. Penso che tu possa trovare una risposta che funzionerà per te in questa domanda qui.

Una possibilità è quella di utilizzare

<a href="/" onclick="return false;">123n</a> 

Disabled href tag

Answer 2

Non potete impostare i collegamenti a "disabili" solo elementi di sistema come ingresso, campo di testo, ecc

Ma è possibile disattivare i collegamenti con jQuery/JavaScript

$('.disabled').click(function(e){ 
    e.preventDefault(); 
}); 

Basta avvolgere quanto sopra c in qualunque caso si desidera disabilitare i collegamenti.

Answer 3

Penso che tu abbia bisogno della classe bnn.
Sarebbe come questo:

<a class="btn disabled" href="#">Disabled link</a> 

Answer 4

Sembra che Bootstrap non supporta i collegamenti disabili. Invece di cercare di aggiungere una classe Bootstrap, si potrebbe aggiungere una classe da soli e aggiungere un po 'lo stile ad esso, proprio come questo:

a.disabled { 
 
    /* Make the disabled links grayish*/ 
 
    color: gray; 
 
    /* And disable the pointer events */ 
 
    pointer-events: none; 
 
}

<!-- Make the disabled links unfocusable as well --> 
 
<a href="#" class="disabled" tabindex="-1">Link to disable</a><br/> 
 
<a href="#">Non-disabled Link</a>