2016-10-21 5 views
0

Ich suche die Kontrollkästchen horizontal auszurichten. Habe versucht, css inline mit einem Container anzuzeigen und so weiter ohne Erfolg. Ich benutze Bootstrap und Einfaches Formular auf Schienen 5Einfache Form - Horizontale Ausrichtung Kontrollkästchen

Aktuelle Code:

<%= f.input :value_regex_options, as: :check_boxes, :collection => ["i", "m", "x", "o"] %> 

Ergebnisse in

enter image description here

Antwort

1

diese CSS-Eigenschaft Ausprobiert

display: inline-block; 
+0

Nein; verwendet dieses '<% = f.input: value_regex_options, wie:: check_boxes,: collection => [" i "," m "," x "," o "],: class =>" check-boxes-inline " %> ' –

1

Die richtige Klasse checkbox-inline. Verwendung:

<%= f.input :value_regex_options, as: :check_boxes, :collection => ["i", "m", "x", "o"], :class => "checkbox-inline" %> 
+0

Hallo Sajan, versuchte das aber nein. Irgendwelche weitere Idee? –

+0

Ich habe dies von http://getbootstrap.com/css/#inline-checkboxes-and-radios überprüft. Versuche in der Konsole zu debuggen. Wird die Klasse angewendet? Stellen Sie sicher, dass keine andere Klasse die Eigenschaft dieser Klasse außer Kraft setzt. – Sajan

+0

Sie sind richtig - Klasse nicht angewendet; Wie kann ich es dann anwenden? versucht mit '<% ​​= f.input: value_regex_options, wie:: check_boxes,: collection => [" i "," m "," x "," o "],: input_html => {: class =>" checkbox -inline "}%>' –

Verwandte Themen