Breite der Eingänge in inline-form - Bootstrap 4
Guten morgen,
Ich bin versuchen, ein inline-Formular mit Eingaben von verschiedenen breiten mit Bootstrap 4. Ich habe die verschiedenen Möglichkeiten hier: http://v4-alpha.getbootstrap.com/components/forms/.
Dies ist so weit wie ich ging:
<div class="container">
<div class="row">
<div class="col-xs-1">
<label for="exampleInputName2" class="col-form-label">Name</label>
</div>
<div class="col-xs-2">
<input type="text" class="form-control" placeholder=".col-xs-2">
</div>
<div class="col-xs-3">
<input type="text" class="form-control" placeholder=".col-xs-3">
</div>
<div class="col-xs-4">
<input type="text" class="form-control" placeholder=".col-xs-4">
</div>
</div>
</div>
Aber ich bin nicht mit irgendeiner form von Klassen oder tags.
---------------- BEARBEITEN ------------------------
Um genauer zu sein, wie würden Sie bestimmen die breiten der labels und inputs in diesem Beispiel aus der Bootstrap-4 website?
<form class="form-inline">
<div class="form-group">
<label for="exampleInputName2">Name</label>
<input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
</div>
<div class="form-group">
<label for="exampleInputEmail2">Email</label>
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]">
</div>
<button type="submit" class="btn btn-primary">Send invitation</button>
</form>
Irgendein gutes und einfaches Beispiel wäre willkommen.
Dank
Sylvain
Was ist die Frage? Dein Beispiel hat "inline Formular mit Eingaben von verschiedenen breiten"... codeply.com/go/yYFKb5XkVT
Es könnte effectivelly Arbeit, aber es ist nicht. Zum Beispiel die 2 Eingänge col-xs-3 col-xs-4 haben genau die gleiche Breite, so dass mir etwas fehlt. Also ich bin gerade auf der Suche nach best-practice-Empfehlungen über die form-inline-tag.
col-xs-3 col-xs-4 erscheinen unterschiedliche Breite für mich.. col-xs-4 wird breiter
Es könnte effectivelly Arbeit, aber es ist nicht. Zum Beispiel die 2 Eingänge col-xs-3 col-xs-4 haben genau die gleiche Breite, so dass mir etwas fehlt. Also ich bin gerade auf der Suche nach best-practice-Empfehlungen über die form-inline-tag.
col-xs-3 col-xs-4 erscheinen unterschiedliche Breite für mich.. col-xs-4 wird breiter
InformationsquelleAutor Sylvain C. | 2016-08-19
Du musst angemeldet sein, um einen Kommentar abzugeben.
Siehe das Beispiel unten, wenn Sie möchten, um die Verwendung von bootstrap v4-breitenraster zusammen mit der
form-inline
Überprüfen Sie die Geige für mehr details: https://jsfiddle.net/dx0dzaqj/1/
InformationsquelleAutor Jerad Rutnam
Machen, der input nimmt alle verbleibenden verfügbaren Breite, stellen Sie die input-als
InformationsquelleAutor maxence51
Löschen "xs" von col-Klasse, zum Beispiel ändern "col-xs-2" in "col-2". "col-xs-*" ist für die Bootstrap-3 und nicht BS 4.
InformationsquelleAutor Rohullah Abdullahpour