ausrichten Dies macht mich verrückt und ich hoffe, dass jemand mir helfen kann. Ich versuche, das Formular nach links auszurichten, so dass es vertikal mit dem obigen Text übereinstimmt (Vergleichen Sie Ihre Daten). Irgendwelche Ideen? Danke vielmals.Wie kann ich mein Formular die linke
http://www.bootply.com/voJDzgVWDx
Es gibt nichts in Ihren Etiketten, also fügen Sie sr-only Klasse zu ihnen hinzu.
Sie können aber auch eine no-margin Klasse definieren, was eigentlich einen -15px Spielraum hat, und Sie können es zum ersten col-md-2 div in den form-group hinzuzufügen.
<label class="col-md-4 control-label" for="utility_type"></label>
mit diesem
<label class="col-md-12 control-label" for="utility_type"></label>
Ihre <label> hat col-md-4 und so ist besetzt 4 Spalten, obwohl Sie kein Etikett haben. Wenn Sie ein Etikett haben, steht es in Übereinstimmung mit Compare your data.
Sie können einen Blick auf meine fork
Ich habe auch eine padding-left:0px; auf dem Etikett.
fügen Sie Ihr Label nach der Drop-Down-:
und in ähnlicher Weise auch in anderen Formularfeldern.
diese Zeile ersetzen und Sie können auch die Polsterung aus der col-md-12 oder setzen in in einem row
Siehe Entfernen der unten. Entferne 'col-md-2'. Und das erste Feld wird mit dem obigen Text nach links ausgerichtet. Dann mach das gleiche mit dem Rest.
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="utility_type"></label>
<div class="col-md-2">
Die bereits ausgerichtet ... obwohl Sie einen beliebigen Text haben nicht in den Label-Tags
<label class="col-md-4 control-label" for="utility_type">This is a label</label>
entweder Sie das Etikett füllen oder entfernen :)
Bitte fügen Sie einen [MCVE ]. – Ivar
ist, weil Ihr 'Label für =" Dienstprogrammtyp "' etwas Platz einnimmt. fügen Sie 'display: none' zu seinem CSS hinzu. – Himanshu
gibt es eine 15px Auffüllung auf '.col-md-2', die Sie ebenso wie eine Breite in dieser Medienabfrage beheben können:' @media (min-width: 992px) .col-md-2 {{width: 16.666666667 %}}} –