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/