ブートストラップを使用してDOM要素の直線的な行に整列する

Question

私はデザインのためにブートストラップを使用しています。以前はtable、tr、tdを使用していました。しかし今、デザインが変更され、両方の要素が1つの行に表示されます。

は、ここで私は別の行に似たようなものを構築したいと思い、その上に

<div class="row"> 
    <div class="col-xs-6"> 
     <div class="input-group"> 
      <div class="radio"> 
       <label><input type="radio" name="optradio">Option 1</label> 
      </div> 
      <input type="text" class="form-control" /> 

     </div> 
    </div> 
</div> 


jsfiddle is here 

https://jsfiddle.net/Z4ntn/438/

私のコード

です。

Plz私は何がうまくいったのか、また、両方を一列で見るために更新する必要があることを教えてください。

Answer 1

ブートストラップがこの

<div class="row"> 
    <div class="col-xs-6"> 
    <div class="form-inline"> 
     <div class="radio"> 
      <label><input type="radio" name="optradio">Option 1</label> 
     </div> 
     <input type="text" class="form-control"/> 

    </div> 
    </div> 
</div> 

EDIT

Bootplyのように同じ行の要素

ためform-inline言う： Form-inline