Bootstrap-horizontal-form - "control-label" nicht mit responsive styling

Bin ich mit dem "form-horizontal" - Klasse mit Bootstrap 2, aber meine Etiketten scheinen nicht zu nutzen Responsive Design. Dies ist, wie es aussieht:

Bootstrap-horizontal-form -

Wenn ich es untersuchen, es hat insbesondere "width:160px" auf dem Etikett, das ist die regelmäßige Bootstrap-Einstellung, aber das Ansprechende styling hat einfach "width:auto".

Mein HTML-Code für diesen Abschnitt sieht wie folgt aus: 

<form id="addproject" class="form-horizontal">
    <div class="control-group">
        <label for="title" class="control-label">Title</label>
        <div class="controls">
            <input type="text" name="title" id="title" />
        </div>
    </div>
</form>

InformationsquelleAutor James P. Wright | 2012-10-09

  1. 1

    bootstrap.css geladen werden muss, bevor die bootstrap-responsive.css Datei.

    InformationsquelleAutor jevanler

  2. 1

    .control-label wird nur angegeben, in reagiert.css für (max-width: 480px). Haben Sie versucht, das schrumpfen der Breite Weg nach unten? Wenn ich die Formulare verwenden, Sie sehen wie dein Beispiel, bis 480px, an welcher Stelle die Etiketten bewegen sich oberhalb der Eingabefelder.

    InformationsquelleAutor LVB

  3. 0

    Wenn Sie möchten, ändern Sie, fügen Sie die Klasse

    <input type="text" name="title" id="title" class="span3" />

    Andere Lösung geben Sie direkt eine style-ID-width: auto

    #title {
    width_auto;
}

    Denken Sie daran, dass Ihre neue Stil sollte nach der bootstrap-css -

    Das problem ist nicht mein Stile, oder auf die Eingabe. Das problem ist, dass Bootstrap setzt width:160px auf dem Etikett, aber Bootstrap-Responsive bringt width:auto auf dem Label und es ist nicht Kommissionierung bis die Bootstrap-Responsive-Wert.

    InformationsquelleAutor Raul Valverde

Schreibe einen Kommentar