anglejs 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> 

ボタンのCSSルールを定義するのと同じくらい簡単おかげ

Answer 1

その：ここ

<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> 

がwidth:100%でボタンを示すのjsフィドルです： https://jsfiddle.net/x7253v4b/