Aktive / Inaktive Symbole in der bootstrap 3.1.1

Ich versuche, fügen Sie eine Sortierung der Spalte aktiv /inaktiv Sortierung für eine Spalte.Meine Idee ist, entweder Grau-inaktiv oder Spalten, markieren Sie die Spalte "aktiv" in einem raster . Ich habe versucht, sth, wie dies

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

Demo

Ich bin nicht der Suche nach einem Weg zu markieren oder Grau-out-Symbole für die aktiven/inaktiven Zustand.

InformationsquelleAutor sakhunzai | 2014-02-19

  1. 3

    Fügen Sie die disabled - Attribut der Schaltfläche, und die Schrift Farbe ändert sich zu Grau (einschließlich der schriftart Symbol)

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

    Wenn Sie nicht wollen, um tatsächlich deaktivieren des Buttons, Bootstrap stellt einen "Behinderten" Klasse:

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

    Arbeiten fiddle: http://jsfiddle.net/ssorallen/JuCU6/2/

    danke @ssorallen, ich fand es durch die hit-und trial.Ich denke du meinst die von class="btn btn-default btn-sm disabled"
    Guter Punkt. Hinzugefügt habe ich ein Beispiel mit den "Behinderten" Klasse, wie gut.

    InformationsquelleAutor Ross Allen

Schreibe einen Kommentar