使用引導排列在DOM元素的直排上

Question

我現在使用引導程序進行設計，之前我使用過表格，tr和td，它工作正常。但現在，設計發生了變化，我希望在單行中看到兩個元素。

這裏是我的代碼

<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

引導說form-inline在同一行的元件

這樣

<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