Twitter Bootstrap: Stoppen Sie das Eingabefeld, das weit über das Ergebnis hinausreicht

7

Ich habe Probleme, dieses Problem zu lösen. Die Dokumente sagen, dass ich die Spanne gleich der Elternspanne einstellen sollte, aber es erstreckt sich nach rechts außerhalb des Wellcontainers, wenn ich das tue. Es sieht gut aus, wenn es auf Mobilgeräten angezeigt wird (erweitert die entsprechende Menge nach rechts und füllt den Brunnen aus), aber es funktioniert nicht gut auf dem Desktop (ich möchte, dass sich die Felder im Inneren des Wells ausdehnen).

%Vor%     
Niall O'Brien 30.08.2012, 11:31
quelle

2 Antworten

31

Docs sagen eigentlich:

  

Verwenden Sie .span1 für .span12 für Eingaben, die mit den gleichen Größen des Rasters übereinstimmen   Spalten.

Aber Sie wollen eine volle Breite machen <input> , richtig?

Erstellen Sie <input> , um die volle Breite zu erhalten

%Vor%

Entferne auch .pull-left von <form> . Sehen Sie, wie es auf dieser Geige funktioniert.

Bearbeiten

Da Bootstrap 2.2.0 die gebündelte Klasse input-block-level verwendet, um diesen Effekt zu erzielen.

    
Pavlo 07.09.2012, 16:33
quelle
0

Ich habe dieses Problem kürzlich mit dem Formular- und Panel-Text erfahren. Bei der Inspektion bemerkte ich, dass das Problem nicht die Eingaben waren, sondern dass die Form selbst über das Panel hinausging. Ich habe es behoben, indem ich eine max-width: 100% auf das Formular anstelle der Eingabe gesetzt habe.

    
dpsthree 02.03.2015 15:37
quelle