使用引导排列在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