bootstrap中的活動/非活動圖標3.1.1

Question

我想在列上添加一個活動/非活動排序的排序列。我的想法是要灰化非活動列或突出顯示網格中的活動列。我想某事像這樣

<button type="button" class="btn btn-default btn-sm"> 
    Order By Status <span class="glyphicon glyphicon-sort"></span> 
</button> 

Demo

我沒有找到一個方法來突出或灰化的圖標爲有效/無效狀態。

Answer 1

的disabled屬性添加到按鈕，字體顏色將變爲灰色（包括字體圖標）

<button type="button" class="btn btn-default btn-sm" disabled> 
    Order By Status <span class="glyphicon glyphicon-sort"></span> 
</button> 

如果你不想實際上禁用按鈕，引導提供了一個「殘疾人「類：

<button type="button" class="btn btn-default btn-sm disabled"> 
    Order By Status <span class="glyphicon glyphicon-sort"></span> 
</button> 

工作小提琴：http://jsfiddle.net/ssorallen/JuCU6/2/