Text-Input wird in nächste "Zeile umgebrochen

[tsseh]

trenn mal das <div class="input-group col-xs-6"> in <div class="col-xs-6"><div class="input-group">...</div></div>

10 zeichen

 

[Jan42]

Das sieht schon richtig gut aus!

Bündig ist nun alles. Jetzt hätte ich nur noch gerne das untere Textfeld länger, sodass es mit dem "Preis" hinten abschließt...

Das hat er vorher gemacht...jetzt irgendwie nicht mehr...
Aktueller Code:

	<div class="form-group">
		<label for="" class="control-label col-xs-3">Mengenkategorie</label>
		<div class="col-xs-3"> 
			<div class="input-group"> 
				<input type="checkbox" name="ml500" id="ml500" value="500" class="form-control col-xs-2"><label>500ml</label>
			</div>
		</div>
		<div class="col-xs-1"> 
			<label for="500p" class="control-label">Preis:</label>
		</div> 
		<div class="col-xs-4"> 
			<div class="input-group"> 
				<input type="text" name="modal_price" id="modal_price" class="mengenkategorien_prices">
		  </div>
		</div>  
	</div>
	<div class="form-group">
		<label for="" class="control-label col-xs-3">Telefax</label>
		<div class="col-xs-8">
			<div class="input-group"> 
				<input class="form-control" type="text" name="modal_telefax"><span class="glyphicon glyphicon-phone-alt form-control-feedback"></span>
			</div>
		</div>
	</div>

So siehts aus:

 

[tsseh]

bring erst mal wieder die input groups in ordnung, vielleicht hilft das schon

 

[Jan42]

Wie meinst das "in Ordnung bringen"? Hatte Sie aufgetrennt wie du gesagt hast.

 

[tsseh]

ein input group fügt elemente mit class input-group-addon oder input-group-btn in textfelder,
* hast du kein solches element lass input group weg
* hast du eins setze input-group-addon http://forum.jswelt.de/css-x-html/62643-text-input-n-chste-zeile-umgebrochen.html#post401139

 

[Jan42]

AW: Text-Input wird in nächste "Zeile umgebrochen

So ich glaube ich habe es hinbekommen. Hatte jetzt noch ein paar Probleme mit dem Glyphicon durch die Änderung - aber das konnte ich beheben Coole Sache - danke für die Hilfe!

- - - Aktualisiert - - -

Wobei... ein Problem habe ich jetzt noch.
Wenn man in das Feld klickt wird es ja blau umrandet... bzw. rot wenn die Validierung fehlschlägt.

Normalerweise sieht es so aus:

Code:

 <div class="form-group">
            <label for="" class="control-label col-xs-3">Nachname</label>
            <div class="input-group col-xs-8">
               <input class="form-control" type="text" name="modal_nachname"><span class="glyphicon glyphicon-user form-control-feedback"></span>
            </div>
        </div>

Durch die Änderung sieht es aber nun so aus:

Code für letztes:

        <div class="form-group">
            <label for="" class="control-label col-xs-3">Artikel-Nr.</label>
            <div class="col-xs-8"><div class="input-group">
                <input class="form-control" type="text" name="good_artnr" aria-describedby="artnr-i"  style="border-right:none;!important;"><span class="input-group-addon" id="artnr-i" style="border-left:none;!important;"><span class="glyphicon glyphicon-tag text-black"></span></span>
            </div></div>
        </div>

Hast du noch ne Idee?

Gruß,
Jan

 

[Jan42]

Jmd. eine Idee?

 

[Jan42]

Bitte Thread schließen. Danke.

 

[mikdoe]

wir schließen nichts. vlt. kommt noch was. tut mir leid.
manchmal hilft es, die frage nochmal andersrum zu stellen und/oder ein fiddle und/oder live link zu geben.

 

[tsseh]

ist denn noch was offen?