Form wird nicht richtig dargestellt

  • Hallo, ich möchte vorab sagen, ich experimentiere des öfteren und aktuell kann ich ein wahrscheinlich sehr kleines Problem nicht beheben. Ich arbeite gerade an einer "Such-Form", welche aber nicht richtig dargestellt wird (sieht Bild). Sobald ich den Browser aber in der Breite verkleinere, ziehen sich die Eingabefelder so wie es soll, bis zum rechten Rand der Suchbox. Könnte mir da jemand helfen?


    Bild: Klick



    Danke und freundliche Grüße
    Crowley :)

  • Du arbeitest in deinem Formular, in jeder Form-Group zusätzlich noch mit Columns (durch das col-md-4).
    Das macht keinen Sinn, da das Grid System von Bootstrap grundsätzlich auf der Struktur Container > Row > Column aufbaut.


    Durch deinen col-md-4 Eintrag bewirkst du, dass ab einer Breite von 992px die Formulare auf eine Breite von 33% gekürzt werden.
    Da bei nicht angegebenen kleineren Displaygrößen (bei dir sm und xs) standardmäßig die maximale Größe (12 bzw. 100% ) verwendet werden, sieht das
    Endergebnis bei mit einem kleineren Display auch besser aus.
    Da durch die column Klassen mit min-width media-querys gearbeitet wird ändert sich bei größer werdenden Displays insofern nicht anders
    angegeben nichts.
    Nach betrachten deines Formulares würde ich dir stark empfehlen, dir nochmal die Grundstrukturen von Bootstrap anzuschauen und das Formular nach
    folgendem Beispiel aufzubauen: getbootstrap.com

    Mit freundlichen Grüßen


    Headscracher | Tobi :thumbup: