Активные/Неактивные значки в 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> 

Если вы не хотите, чтобы на самом деле отключить кнопку, Bootstrap обеспечивает «отключен "класс:

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