Css “引导”；“水平形式”；和标签

我很难用引导创建“水平窗体”

正如您在JSFIDLE中看到的，标签“出生日期”与“选择出生日期”没有正确对齐

名称
生日

---

谢谢

将所有现有的

选择div

包装在一个新的容器

div

中，该容器具有

表单组

类

<div class="form-group">
    <div class="col-xs-4">
         <select type="text" class="form-control" id="field-day" required>
             <option>DD</option>
         </select>
    </div>
    <div class="col-xs-4">
         <select type="text" class="form-control" id="field-month" required>
             <option>MM</option>
         </select>
    </div>
    <div class="col-xs-4">
         <select type="text" class="form-control" id="field-year" required>
             <option>YYY</option>
         </select>
    </div>
</div>

DD
嗯
YYY

工作小提琴：

---

将标签包含在div标记中，该标记应使标签位于块级别内，并占其父标签的100%

例：

生日

<div class="form-group">
    <div class="col-xs-4">
         <select type="text" class="form-control" id="field-day" required>
             <option>DD</option>
         </select>
    </div>
    <div class="col-xs-4">
         <select type="text" class="form-control" id="field-month" required>
             <option>MM</option>
         </select>
    </div>
    <div class="col-xs-4">
         <select type="text" class="form-control" id="field-year" required>
             <option>YYY</option>
         </select>
    </div>
</div>

<div class="form-group">
    <div><label for="birthday" class="col-xs-3 col-sm-2 control-label">Birthday</label></div>
  <div class="col-xs-3">
    <input type="text" class="form-control" placeholder="year"/>
  </div>
  <div class="col-xs-3">
    <input type="text" class="form-control" placeholder="month"/>
  </div>
  <div class="col-xs-3">
    <input type="text" class="form-control" placeholder="day"/>
  </div>    
</div>