css - Bootstrap 按钮组文本在页面调整大小时缩小

Question

我在对齐的按钮组中有一组按钮。

当我调整页面大小时，我得到这样的结果:

我该怎么做才能不让按钮文字缩小？可能会阻止页面在一定限度内调整大小，或者让按钮变成垂直的。 (与默认 Bootstrap 行为相同的行为)

<div class="btn-group btn-group-justified" role="group">
  <div class="btn-group" role="group">
    <button type="button" class="btn btn-default">
      Group A
    </button>
  </div>
  <div class="btn-group" role="group">
    <button type="button" class="btn btn-default">
      Group B
    </button>
  </div>
  ....

A running example on plnkr

Answer 1

在移动分辨率下放下按钮

@media(max-width: 480px){
  .btn-group {
    display: block !important;
    width: auto !important;
  }
}