Inline-Element auf horizontales Formular setzen

Question

Ich habe ein Formular mit der Form-horizontal Bootstrap-Klasse erstellt.

Ich muss einen Text neben einem Eingabefeld einfügen.

Hier muss das Beispiel "next text" neben dem Eingabetextfeld stehen.

<div class="row" style="margin-left: 0; margin-right: 0;"> 
    <form action="#" class="form-horizontal" role="form" name="x" method="post" accept-charset="utf-8"> 
    <div class="form-group"> 
     <label class="col-xs-2 control-label" for="Data">Data:</label> 
     <div class="col-xs-10"> 
     <input id="data" type="text" class="form-control" /> 
     <div >next text</div> 
     </div> 
    </div> 
    </form> 
</div> 

https://jsfiddle.net/fabioravizzotti/0emj5167/1/

Es ist möglich?

Danke.

Answer 1

Sie können dazu einen input group mit einem .input-group-addon verwenden.

<div class="col-xs-9"> 
    <div class="input-group"> 
    <input id="data" type="text" class="form-control" /> 
    <div class="input-group-addon">next text</div> 
    </div> 
</div> 

Hier ist ein updated fiddle.