如何修复bootstrap中下拉按钮的宽度？

Question

我有一个下拉列表：

<div class="btn-group" role="group" aria-label="..." id="toggleButtons1">
   <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">SOME VERY LARGE TEXT 1</button>
   <ul class="dropdown-menu" role="menu">
      <li><a href="#" value="undefined">SOME VERY LARGE TEXT 1</a></li>
      <li><a href="#" value="undefined">SOME VERY LARGE TEXT 2</a></li>
      <li><a href="#" value="undefined">SOME VERY LARGE TEXT 3</a></li>
      <li><a href="#" value="undefined">SOME VERY LARGE TEXT 4</a></li>
      <li><a href="#" value="undefined">SOME VERY LARGE TEXT 5</a></li>
   </ul>
</div>

现在问题是显示当前选择的下拉按钮会根据其中的文本增加宽度。 我想让这个按钮在父div中限制自己。