Html 引导网格表单控件占用父div的全部宽度，如何在其旁边插入内容？

我正在使用引导的网格系统

我的HTML如下所示（jade语法）

“表单控制”CSS类占用父DIV的100%宽度（例如col-lg-4，这些col-lg类实际上是“表格单元格”）：

但是，我需要在上面的选择之前（或者，在选择之后）显示一些HTML。我需要的HTML是在同一行作为选择。如果我只是在“立即选择”之后输入一些内容，它将转到下一行，因为宽度=该选择的100%

---

如何在保留引导类的同时实现我的目标？

您可以将这两个类放在一行中，然后将每个项放在它自己的列中。例如：

<div class="row col-sm-12">
<div class="col-sm-6">
    <input type="text" class="form-control">
</div>
<div class="col-sm-6">
    <button class="btn btn-primary">Demo</button>
</div> 

<div class="input-group">
    <input type="text" class="form-control">
    <span class="input-group-btn">
        <button class="btn btn-default">Demo</button>
    </span>
</div>

演示

或者，您可以使用输入组，例如：

<div class="row col-sm-12">
<div class="col-sm-6">
    <input type="text" class="form-control">
</div>
<div class="col-sm-6">
    <button class="btn btn-primary">Demo</button>
</div> 

<div class="input-group">
    <input type="text" class="form-control">
    <span class="input-group-btn">
        <button class="btn btn-default">Demo</button>
    </span>
</div>

演示