Html 引导btn默认值未与输入组div元素对齐

我有以下代码：

<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>" method="get">
<div class="input-group">
<input type="text" placeholder="domain" value="<?php echo $domain; ?>" name="domain" class="form-control" autofocus />
        <span class="input-group-btn">
            <button class="btn btn-default" type="submit">DiG</button>
            <select class="btn btn-default" name="record_type">
            <option value="<?php echo $record_type ?>" selected><?php echo strtoupper($record_type) ?></option>
            <option value="soa">SOA</option>
            <option value="ns">NS</option>
            <option value="a">A</option>
            <option value="mx">MX</option>
            <option value="txt">TXT</option>
            <option value="cname">CNAME</option>
            <option value="srv">SRV</option>
        </select>
        </span>
    </div>
</form>

如果您想排列水平线，请查看此JSFIDLE

添加了样式以选择标记

    <form action="" method="get">
<div class="input-group">
<input type="text" placeholder="domain" value="textvalue" name="domain" class="form-control" autofocus />
        <div class="input-group-btn">
            <button class="btn btn-default" type="submit">DiG</button>
            <select class="btn btn-default" name="record_type" style="padding:7px 0;">
            <option value="selectedvalue" selected>Selected</option>
            <option value="soa">SOA</option>
            <option value="ns">NS</option>
            <option value="a">A</option>
            <option value="mx">MX</option>
            <option value="txt">TXT</option>
            <option value="cname">CNAME</option>
            <option value="srv">SRV</option>
        </select>
        </div>
    </div>
</form>


挖掘
挑选出来的
SOA
NS
A.
MX
文本
CNAME
SRV
当我在一把小提琴中观察它时，它排列整齐，刚刚应用了引导，那么您还有什么其他css可能会影响它呢@LeoFarmer道歉，用更多代码更新了原始问题。为了澄清，它被包装在输入组div中。