Wie Eingabe in einer Form-Inline 100% Breite machen?

Question

https://jsfiddle.net/3xt5q25s/

<div class="container"> 
<div class="row"> 

<form class="form-inline"> 
    <div class="form-group"> 
    <label for="exampleInputEmail2">Email</label> 
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com"> 
    </div> 
    <button type="submit" class="btn btn-default pull-right">Send invitation</button> 
</form> 

</div> 
</div> 

Wie Sie hier im Beispiel sehen können, ist der Eingang der ganzen Raum nicht nehmen.

Wie es 100% Breite zu machen (rechten Rand der Eingang-Knopf ist)?

Es muss nicht Form oder Form-Inline sein, ich möchte nur Label/Eingabe/Schaltfläche in einer Zeile setzen.

Answer 1

Wenn Sie sich auf einer Linie bleiben, um sicherzustellen, wollen und die Texteingabe berührt die Schaltfläche, eine Formulareingabe-Gruppe betrachten:

<div class="input-group"> 
    <input type="email" class="form-control"> 
    <span class="input-group-btn"> 
     <button class="btn btn-default" type="submit"> 
      Send invitation 
     </button> 
    </span>  
</div>