Wyłączono element grupy list w Bootstrap 3.0

Question

Używam bootstrap 3.0 i zastanawiałem się, jak mogę wyłączyć element grupy list.

Próbowałem umieścić atrybut niepełnosprawny w tagu "a", ale nie miało to żadnego wpływu. Próbowałem też dodać wyłączoną klasę z tym samym wynikiem.

tu przykład:

<div class="list-group"> 
    <a href="#" class="list-group-item">Add New entry</a> 
    <a href="#" class="list-group-item disabled">Delete Entry</a> 
</div> 

Dzięki

Answer 1

W Bootstrap istnieją stany wyłączone dla froms, NavBars nav linki, linki, dropdownlinks.

Myślę, że państwo wyłączyć z navs najlepiej pasuje do danej sytuacji: http://getbootstrap.com/components/#nav-disabled-links

Kopiuj ten stan wyłączania dla listy grupie:

Minus:

.list-group > a.disabled { 
     color: @nav-disabled-link-color; 

     &:hover, 
     &:focus { 
     color: @nav-disabled-link-hover-color; 
     text-decoration: none; 
     background-color: transparent; 
     cursor: not-allowed; 
     } 
    } 

CSS:

.list-group > a.disabled { 
    color: #999999; 
} 
.list-group > a.disabled:hover, 
.list-group > a.disabled:focus { 
    color: #999999; 
    text-decoration: none; 
    background-color: transparent; 
    cursor: not-allowed; 
} 

Przykład: http://bootply.com/88367