CSS-Bootstrap-Elemente, die nicht horizontal gut ausrichten

Ich habe ein Formular mit Bootstrap CSS.CSS-Bootstrap-Elemente, die nicht horizontal gut ausrichten

Die CSS ist left-to-right, aber ich brauche die Formularfelder zu right-to-left. Also habe ich eine Klasse hinzugefügt, die float: right zu jedem der Formulare enthält.

Alle Felder sollen nebeneinander liegen, aber das Problem ist, dass einige der Linien in der Mitte brechen, wie im Bild unten zu sehen ist.

Ich habe gesucht und konnte nicht finden, was die Linie verursacht, um zu brechen.

Quelle

2017-11-27 DavSev

Verwenden Sie ein Elternelement mit der Klasse "row" für den Satz von input Elemente, die Sie in einer Zeile sein möchten.

Quelle

2017-11-27 07:52:16

schließlich habe ich 'row' für jede Zeile thogh bootstrap sopouse hinzugefügt, um so zu arbeiten, wie ich es benutzt habe. Wie auch immer, deine Antwort hat mich inspiriert – DavSev

Sie setzen die Klasse - "col-md-4" so, Zeile ist in 3 Elemente mit 33% Breite unterteilt. Wenn Sie 4 Elemente in der Zeile haben wollen, müssen Sie "col-md-3" setzen, dann haben Sie 12/3 = 4, 4 Elemente mit 25% Breite :)

Quelle

2017-11-27 07:36:11

Vielen Dank für Ihre Antwort, aber alle div teilen die gleiche 'col-md-4' Klasse. es gibt keine divs mit der 'col-md-3'-Klasse auf meiner Seite. – DavSev

Ich sehe das. Blick auf diesen Code, Bootstrap arbeitet wie diese Zeile = 12 col-MD- ist 12/ = Sie bekommen Anzahl von Elementen, die Sie in einer Reihe So setzen können, wenn u wollen 4 Elemente in der Reihe gesetzt COL- md-3 –

CSS-Bootstrap-Elemente, die nicht horizontal gut ausrichten

Antwort

Verwandte Themen