Vô hiệu hóa danh sách nhóm trong Bootstrap 3.0

Question

Tôi đã sử dụng bootstrap 3.0 và tôi đã tự hỏi làm cách nào để vô hiệu hóa danh sách nhóm-mục.

Điều tôi đã thử là đặt thuộc tính bị vô hiệu hóa trong thẻ "a" nhưng điều này không có hiệu lực. Tôi cũng đã cố thêm lớp bị vô hiệu hóa với cùng một kết quả.

Dưới đây một số ví dụ:

<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> 

Cảm ơn

Answer 1

Trong Bootstrap có bang khuyết tật cho froms, NavBars liên kết, liên kết nav, dropdownlinks.

Tôi nghĩ rằng tình trạng khuyết tật của navs tốt nhất phù hợp với tình hình của bạn: http://getbootstrap.com/components/#nav-disabled-links

Sao chép này trạng thái vô hiệu hóa cho danh sách nhóm của bạn:

Trừ:

.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; 
} 

Ví dụ: http://bootply.com/88367