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

그것의 간단 : https://jsfiddle.net/x7253v4b/

: 여기

<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 바이올린입니다