入力グループ内の複数の入力をブーストストラップ

Question

私は何かをかなりシンプルにする必要がありますが、私は数日間は作業していますが運はありません。

だから私は一つの入力、スペース、隣同士に2つの入力、スペース、ボタンを必要とする： 私はこのような何かをする必要があります。

<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> 

、それはこれを与える：

私は私が間違ってやっている見当がつかない。

ありがとうございます。

C.C.

Answer 1

1つのグループに2つの入力を持つことはできません。ここでそれを行うにはとてもきれいではない方法ですが、それは動作します：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> 

それとも、このようインラインスタイルでそれを試すことができます。

http://www.bootply.com/RkhHZbahVE