Bootstrap不会将下拉控件拉伸到列定义

Question

我正在使用bootstrap 3.2

标签使用其所有尺寸（6列宽）

下拉控件不使用6列的父级大小。

我希望下拉列表将其宽度拉伸到父容器的宽度，我该如何使用bootstrap执行此操作。

<div class="form-group">
    <label class="col-md-6 control-label" for="buttondropdown">
          Schoolclass code color
    </label>
    <div class="col-md-6"> 
         <!-- subject color -->
         <div class="btn-group" dropdown is-open="activeStep.schoolclassCodeColorsIsOpen"> 
             <button type="button" class="btn dropdown-toggle" ng-disabled="disabled" style="background: {{activeStep.selectedSchoolclassCodeColor}}">
                  {{activeStep.schoolclassCode()}}  <span  class="caret"></span>
             </button>
             <ul class="dropdown-menu" role="menu">
                 <li ng-repeat="color in activeStep.schoolclassCodeColors">
                      <a style="background: {{color}}" ng-click="activeStep.setSchoolclassCodeColor(color)">{{activeStep.schoolclassCode()}}</a>
                 </li>
             </ul>
         </div>
     </div>
 </div>