Question

我想在一個輸入組插件內放一個（2按鈕）無線電btn組。我在那裏遇到的麻煩是按鈕不在一行。

將元素保留在同一行上的常見模式對我無效。

你知道我該如何解決這個問題嗎？ THX

這裏的的jsfiddle：http://jsfiddle.net/DTcHh/144/

<div id="filter_criteria_date"> 
<div class="input-group" style='margin-top:15px'> <span class="input-group-addon"> 
    <input type="checkbox"> 
    <div class="btn-group" data-toggle="buttons-radio"> 
     <button type="button" class="btn btn-xs btn-primary">And</button> 
     <button type="button" class="btn btn-xs btn-primary">Or</button> 
    </div> 
    </span> 

    <input type="text" class="form-control filter_text" placeholder="Filter"> 
</div> 

Answer 1

他們不要停留在一行，由於沒有寬度設置。爲按鈕的父級設置寬度，它們將適合。

.btn-group { 
    width: 100px; 
} 

DEMO HERE

Answer 2

.input-group-addon { width:auto; } 

工作演示http://jsfiddle.net/DTcHh/148/