Question

我想把一个（2按钮）无线电btn-group放在input-group-addon中。我遇到的麻烦是按钮不会停留在一条线上。

将元素保持在同一行的常见模式对我不起作用。

你知道我怎么解决这个问题吗？ 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/

输入组插件内的无线电btn组

2 个答案: