Horizontale Form: Text-Eingabe neben label nicht funktioniert
Ich versuche, das label in der gleichen Zeile wie das Textfeld in einem Bootstrap-4 horizontale form. Scheint nicht zu funktionieren. Die Textfelder immer in die nächste Zeile. Jede Hilfe wird sehr geschätzt.
<div class="form-group form-group-sm col-sm-6">
<label for="first_name" class="col-form-label">First Name</label>
<div>
<input type="text" class="form-control" id="first_name" name="first_name">
</div>
</div>
fiddle: https://jsfiddle.net/gunnersfan/mrc4tdu1/
InformationsquelleAutor gunnersfan | 2017-04-11
Du musst angemeldet sein, um einen Kommentar abzugeben.
Den
col-*
muss in.row
. Verwenden Sie die grid-Spalte Klasse auf die labels und input-Wrapper...http://www.codeply.com/go/TUs7hGHnXP
http://www.codeply.com/go/TUs7hGHnXP
InformationsquelleAutor Zim
Für flex-layout Sie können auch mit inline-form:
Sehen Inline-Formulare, Abstand und Flexbox
InformationsquelleAutor GKislin
Schreiben Sie die vorherigen bootstrap-horizontal-form-wie die folgenden
InformationsquelleAutor Sabbir Rupom