Boostrap mehrere Eingänge innerhalb einer Eingangsgruppe

Question

Ich muss etwas ziemlich einfaches tun, aber für mehrere Tage arbeite ich an, aber kein Glück. Ich brauche so etwas wie dies zu tun:

Also muss ich einen Eingang, Raum, 2 Eingänge nebeneinander, Raum, eine Schaltfläche.

<div class="container"> 
    <form class="form-inline"> 
     <div class="form-group"> 

      <div class="input-group"> 
       <input type="text" class="form-control" placeholder="field1"/> 
      </div> 


      <div class="input-group"> 
       <input type="text" class="form-control" placeholder="field2"/> 
       <input type="text" class="form-control" placeholder="field3"/> 
      </div> 


     </div> 


     <button type="submit" class="btn btn-success">My button</button> 
    </form> 

    </div> 

und es gibt diese:

Ich habe keine Ahnung, was ich falsch mache.

Danke für jede Idee.

C.C.

Answer 1

Ich glaube nicht, dass Sie zwei Eingänge in einer Gruppe haben können. Hier ist ein nicht so sauber, wie es zu tun, aber es funktioniert: http://www.bootply.com/B4GIyi2E2l

<div class="input-group"> 
       <input type="text" class="form-control" placeholder="field1"> 
      </div> 


      <div class="input-group"> 
       <input type="text" class="form-control" placeholder="field1"> 
      </div> 

      <div class="input-group" style="margin-left:-10px"> 
       <input type="text" class="form-control" placeholder="field1"> 
      </div> 

Oder Sie können es auf diese Weise mit Inline-Styling versuchen:

http://www.bootply.com/RkhHZbahVE