angularjs bootrap下拉寬度問題

Question

這是我的代碼，用於顯示下拉菜單。如何對齊下拉框，使其佔據RED行顯示的邊框？基本上我想增加下拉框的寬度。

<div class="dropdown"> 
         <button id="btn-append-to-single-button" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
          {{ editUser.SelectedStatusName}} <span class="caret"></span> 
         </button> 
         <ul class="dropdown-menu dropdown-menu-left" aria-labelledby="btn-append-to-single-button"> 
          <li ng-repeat="a in editUser.StatusList"> 
           <a ng-click="editUser.change(a)"> {{a.Name}}</a> 


          </li> 

         </ul> 
        </div> 

感謝

Answer 1

它的那樣簡單定義按鈕CSS規則：

<button style="width:(value that you want)" id="btn-append-to-single-button" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
         {{ editUser.SelectedStatusName}} <span class="caret"></span> 
    </button> 

下面是該按鈕的js撥弄width:100%： https://jsfiddle.net/x7253v4b/