Anpassen von Kontrollkästchen (und Elemente im Allgemeinen) für Bootstrap-Formulare 2.4.0

Question

Ich verwende derzeit die bootstrap_form 2.4.0 Edelstein, um Formulare für meine Schienen-Anwendung zu erstellen. Ich bin an einem Punkt, wo ich versuche, ein Anmerkungs-Feature zu erstellen, wo eine Person auf die "Edit" -Seite für einen Eintrag gehen und entscheiden kann, welche Felder gültig oder ungültig sind, indem Sie ein Kontrollkästchen als nächstes ankreuzen oder abhaken zu diesem Feld.
Also im Grunde muss ich Kontrollkästchen in meinem 'Bearbeiten' Formular erstellen, die nur aus einem Symbol oder einem Bild bestehen.
Ich habe versucht, die Lösung von RemusGLS in diesem Beitrag nicht gegeben werden: Is it posible to make an input checkbox a Bootstrap glyphicon?, die ich sehe geändert, wie ich es zu here
Das Problem ist, funktioniert diese Lösung für die Grundform Schöpfung will, die einfach durch geschah Verwenden des Tags . und wenn ich nur diese Methode benutze, verursacht es Probleme mit der 'edit' Seite (wie die check-boxes reset, die den ganzen Punkt der Annotation negiert).
nachdem das Ankreuzfeld Elements Inspizieren der Form erzeugen, die mit der Linie

<%= f.check_box :blabla , label: "" %> 

es Bootstrap scheint, dass es diesen Code

<label for="entry_blabla"> 
      <input name="entry[blabla]" type="hidden" value = "0" > 
      <input type="checkbox" value="1" checked="checked" name="entry[blabla]" id="entry_blabla" > 
     </label>` 

, die auf dem Wert des Feldes (blabla in diesem Fall) ändern automatisch basierend erzeugt Ich habe versucht, eine if-Anweisung zu verwenden, um diesen Code zu simulieren, aber ich kann es immer noch nicht mit der Lösung für die Icon-Checkboxen integrieren.
Um es in einem Satz zusammenzufassen, brauche ich einfach die Symbol-Checkbox-Lösung (gegeben here), um mit dem Bootstrap-Formularformat zu arbeiten (dieses: <%= f.check_box :blabla , label: "" %>).
Vielen Dank.

Answer 1

Sie können das Glyphicon auf diese Weise verpacken.

<%= f.label :blabla do %> 
    <i class = "glyphicon glyphicon-ok" style="color:green;"></i> 
    <i class='glyphicon glyphicon-remove' style="color:red;"></i> 
<% end %> 
    <%= f.check_box :blabla %>