使用AngularJS填充时如何水平对齐多个选择列表

我正在使用Twitter引导css和AngularJS，在水平对齐标签和2个选择列表时遇到问题：

以下是一个例子：

第一行有一个使用AngularJS填充的选择框：

            <div style="background-color: lightcoral"  class="form-group">
                <label for="expirymonth" class="col-sm-2 control-label">Expiry Date</label>
                <select  ng-model="expirymonth" ng-change="setcardmonth(expirymonth)" ng-options="e.month for e in cardmonth" class="ng-pristine ng-valid"/>/
                <select ng-model="expiryyear" id="expyear" ng-change="setcardyear(expiryyear)" ng-options="y.year for y in cardyear" class="ng-pristine ng-valid" />
            </div>

到期日
/

表单上仅显示第一个选择列表

第二个列表使用常规的带选项选择

            <div style="background-color: lightcoral"  class="form-group">
                <label for="expirymonth" class="col-sm-2 control-label">Expiry Date</label>
                 <select><option>12</option></select>
                  <select><option>2014</option></select>
            </div>

到期日
12
2014

在这里，您可以看到过期日期标签与选择选项完全一致

---

有人能给我解释一下为什么用AngularJS填充时只显示一个选择列表吗？

您的选择标签不应该是自动关闭的。答案是：

…

---

此外，jsfiddle不喜欢包含角度的方式。请参见示例的这一部分：

您的select标记不应该是自动关闭的。答案是：

…

---

此外，jsfiddle不喜欢包含角度的方式。请参见示例的这一部分：

您的select标记不应该是自动关闭的。答案是：

…

---

此外，jsfiddle不喜欢包含角度的方式。请参见示例的这一部分：

您的select标记不应该是自动关闭的。答案是：

…

此外，jsfiddle不喜欢包含角度的方式。请参见示例的这一部分：