Html 引导简单css下拉文本不调整大小

我的文字在下拉按钮（引导）内不会自动调整大小

对于前两个按钮，效果非常好。 对于第三个下拉列表，不起作用

见截图。 输出示例：

HTML:

<div class="btn-group-vertical" role="group" aria-label="...">
  <button type="button" class="btn btn-default">MOUSES & KEYBOARDS</button>
  <button type="button" class="btn btn-default">MOUSES & KEYBOARDS</button>

<div class="btn-group" role="group">
 <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="">MOUSES & KEYBOARDSsssssssssssssssssssssssssssssssssss<br>test<br><span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
  <li><a href="#">Dropdown link</a></li>
  <li><a href="#">Dropdown link</a></li>
</ul>
 </div>
</div>

鼠标和键盘
鼠标和键盘
鼠标和键盘SSSSSSSSSSSS
测试

这很好用。。。你发布的img不是bootstrap，看起来它一定是一种额外的风格，因为它只与bootstrap一起工作：它是我的Magento CSS f*在搞砸东西。谢谢各位。。