Twitter Bootstrap-Reduzierung von gut und Feldbreite

Fand ich einige code online ein Registrierungs-Formular, dass ich bin versucht zu zwicken für meine Bedürfnisse.

Ich versuche zu machen, die gut die Breite kleiner ist, aber ich merke, dass <div class="well well-sm"> und <div class="well"> ändert nicht die Größe der.

Einen festen mit, z.B. <div class="well" style="width: 600px"> macht die auch Links auf der Seite ausgerichtet statt zentriert es das ist, was ich will. Wie mache ich die auch Breite kleiner?

Auch, was ist die richtige Art und Weise der Festsetzung der Breite von Textfeldern, um zu verhindern, dass Sie immer zu weit auf browser-Zusammenbruch/wachsen?

Demo.

InformationsquelleAutor Kinyanjui Kamau | 2014-05-18

  1. 1

    well-sm macht nicht so viel Unterschied, da es nicht bedeutet, zu ändern, die Proportionen so drastisch, aber nur um Minuten Unterschied in den Formen.
    Sie können eine width Wert, aber um ihn zu zentrieren, müssen Sie auch fügen Sie margin: 0 auto;. Hier ist ein fiddle zeigen, was ich meine.

    Über textbox-Größe ändern: Das problem ist, dass das element, das Sie verwenden (col-sm-6) setzt die Breite auf 50%, aber dies funktioniert nur, wenn der browser mindestens eine Breite von 768px, überprüfen Sie heraus das folgende CSS:

    @media (min-width: 768px) //for this to work, at least 768px are needed
.col-sm-6 {
width: 50%;
}

    Wenn Sie weniger als 768px, die zweite Klasse (col-xs-12) aktiv. Dieser nimmt 100% der Breite. Wenn Sie col-xs-6 statt, es wird die Größe um 50%.
    Also, was Sie tun müssen, ist zu ändern Sie die Klasse, die den text enthält Felder aus col-sm-6 col-xs-12 zu col-sm-6 col-xs-6.

    Nur sicherstellen, dass verstehen, wie .col-sm-1 zu .col-sm-12 usw. funktionieren in der bootstrap. Es ist sehr erhebend. Viel Glück!

    InformationsquelleAutor Halaster

Schreibe einen Kommentar