Twitter bootstrap 3 引导-按钮与上面带有标签的输入内联

我有如下代码。如何使按钮与输入一致？现在按钮与相邻的列对齐，看起来很难看。现场演示

作用

您可以使用输入组（尽管bootstrap说您不应该将输入组与选择一起使用，因为它并不总是起作用）

编辑：对于输入组上方的标签：

<div class="container" style="width: 600px;">
    <form id="form" role="form">
        <div class="row">
            <label for="x" class="control-label">Function</label>
            <div class="input-group">  
                <select id="x" class="form-control" placeholder="x">
                    <option value="1">Option 1</option>
                    <option value="2">Option 2</option>
                </select>                   
                <span class="input-group-btn">
                    <a href="#" id="ok" class="btn btn-success">Get</a>
                    <a href="#" id="stat" class="btn btn-primary">Stat</a>
                </span>
            </div>
        </div>
    </form>
</div>

<div class="container" style="width: 600px;">
    <form id="form" role="form">
        <div class="row">
            <div class="input-group">  
                <span class="input-group-addon"><label for="x" class="control-label">Function</label></span>
                <select id="x" class="form-control" placeholder="x">
                    <option value="1">Option 1</option>
                    <option value="2">Option 2</option>
                </select>                   
                <span class="input-group-btn">
                    <a href="#" id="ok" class="btn btn-success">Get</a>
                    <a href="#" id="stat" class="btn btn-primary">Stat</a>
                </span>
            </div>
        </div>
    </form>
</div>

作用
选择1
选择2

或对于作为输入组一部分的标签：

<div class="container" style="width: 600px;">
    <form id="form" role="form">
        <div class="row">
            <label for="x" class="control-label">Function</label>
            <div class="input-group">  
                <select id="x" class="form-control" placeholder="x">
                    <option value="1">Option 1</option>
                    <option value="2">Option 2</option>
                </select>                   
                <span class="input-group-btn">
                    <a href="#" id="ok" class="btn btn-success">Get</a>
                    <a href="#" id="stat" class="btn btn-primary">Stat</a>
                </span>
            </div>
        </div>
    </form>
</div>

<div class="container" style="width: 600px;">
    <form id="form" role="form">
        <div class="row">
            <div class="input-group">  
                <span class="input-group-addon"><label for="x" class="control-label">Function</label></span>
                <select id="x" class="form-control" placeholder="x">
                    <option value="1">Option 1</option>
                    <option value="2">Option 2</option>
                </select>                   
                <span class="input-group-btn">
                    <a href="#" id="ok" class="btn btn-success">Get</a>
                    <a href="#" id="stat" class="btn btn-primary">Stat</a>
                </span>
            </div>
        </div>
    </form>
</div>

作用
选择1
选择2

我为你的小提琴添加了一个更新：

输入以上组：

作为组的一部分输入：

---

从引导文档：

仅限文本

s 避免在此处使用

元素，因为它们无法在WebKit浏览器中完全设置样式

避免在此处使用

元素，因为在某些情况下它们的rows属性将不受尊重

---

---

感谢@ovitinho对在单个输入组中加入两个锚的评论。btn:D

感谢您的回答，但需要在输入上方添加标签。这一点很重要。我已经编辑了答案，在输入按钮上方添加了一个带有标签的版本，以便更好地演示。将最后两个按钮加入到同一个“输入组btn”中，如下所示：

将其添加（或删除）到我的答案中