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/