Wie steuere ich die Eingabebreite in Bootstrap 3 ohne Raster?

Eingabebreitenverwaltung in Bootstrap 3

Die Steuerung der Eingabebreite in Bootstrap 3 kann eine Herausforderung sein, insbesondere wenn die Verwendung von Rastern oder zusätzlichem CSS vermieden wird.

Ursprüngliche Frage:

Wie stelle ich die Breite von Eingaben in Bootstrap 3 ein, ohne das Rastersystem oder undokumentierte Optionen zu verwenden?

Einschränkungen von `.col-lg- x-Klasse:

Die Verwendung von .col-lg-x zum Festlegen der Eingabebreite ist nicht möglich, da es nur auf das Container-Div angewendet werden kann, was zu Layout- und Float-Problemen führt.

Lösung:

Um die Eingabebreite effektiv festzulegen, schließen Sie jede Eingabegruppe in eine eigene Zeile ein, wie unten gezeigt:

<div class="container">
  <form role="form">
    <div class="row">
      <div class="form-group col-lg-1">
        <label for="code">Name</label>
        <input type="text" class="form-control" />
      </div>
    </div>

    <div class="row">
      <div class="form-group col-lg-1">
        <label for="code">Email</label>
        <input type="text" class="form-control input-normal" />
      </div>
    </div>
  </form>
</div>

Zusätzliche Überlegungen:

• Diese Lösung ermöglicht benutzerdefinierte Eingabebreiten unabhängig von der Bildschirmgröße.
• Sie behält das Bootstrap-Layout bei und stellt gleichzeitig sicher, dass die Eingabebreiten Ihren gewünschten Spezifikationen entsprechen.
• Von Standardmäßig werden Eingabebreiten auf Bildschirmen wirksam, die breiter als 95 Pixel sind. Informationen zum Anpassen des Haltepunkts finden Sie in der Dokumentation zum Bootstrap-Grid-System.

Das obige ist der detaillierte Inhalt vonWie steuere ich die Eingabebreite in Bootstrap 3 ohne Raster?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!