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
HTML: search
<div class="row">
<div class="col-lg-12">
<div class="col-md-4">
<div class="well">
<form class="form-horizontal" method="POST">
<fieldset>
<legend>Suchen</legend>
<div class="form-group">
<div class="col-md-4">
<div class="input-group"> <span class="input-group-addon">Wohnort</span>
<input id="wohnort" name="wohnort" class="form-control" placeholder="Stadt eingeben" type="text">
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label" for="beziehung">Beziehungs-Status</label>
<div class="col-md-4">
<select id="beziehung" name="beziehung" class="form-control">
<!-- <option value="0">Egal</option> -->
<option selected value="1">Single</option>
<option value="2">Vergeben</option>
<option value="3">Verheiratet</option>
<option value="4">Getrennt</option>
</select>
</div>
</div>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="ausrichtung">Ausrichtung</label>
<div class="col-md-4">
<select id="ausrichtung" name="ausrichtung" class="form-control">
<!-- <option value="0">Egal</option> -->
<option selected value="1">Hetero</option>
<option value="2">Gay</option>
<option value="3">Bi</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label" for="ausrichtung">wohnt</label>
<div class="col-md-4">
<select id="wohnt" name="wohnt" class="form-control">
<!-- <option value="0">Egal</option> -->
<option selected value="1">Alleine</option>
<option value="2">In Gemeinschaft</option>
<option value="3">Bei den Eltern</option>
</select>
</div>
</div>
<!-- Prepended text-->
<div class="form-group">
<div class="col-md-4">
<div class="input-group"> <span class="input-group-addon">Alter von</span>
<input id="agefrom" name="agefrom" class="form-control" placeholder="mindestens 18" type="text">
</div>
</div>
</div>
<!-- Prepended text-->
<div class="form-group">
<div class="col-md-4">
<div class="input-group"> <span class="input-group-addon">Alter bis</span>
<input id="ageto" name="ageto" class="form-control" placeholder="maximales Alter" type="text">
</div>
</div>
</div>
<!-- Button -->
<div class="form-group">
<div class="col-md-4">
<center>
<form action="search.php" method="post">
<button type="submit" class="btn btn-primary" name="search" id="search">Finden</button>
</form>
</center>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>
Alles anzeigen
Danke und freundliche Grüße
Crowley