css - 防止 Bootstrap 按钮组中断

Question

当空间较小时，如何防止 Bootstrap 按钮组分成​​ 2 行？

我正在尝试使用以下 Bootstrap 代码:

   <div class="btn-group" style=" width:100px ;">
        <button type="button" class="btn btn-default" style=" width:30px;">-</button>
        <input type="text" class="form-control" style="width:30px;">   
        <button type="button" class="btn btn-default" style=" width:30px;"> +</button>
    </div>

它看起来像:

Answer 1

这对我有用，将按钮组变成 flex 元素(默认情况下它不换行):

.btn-group {
  display: flex;
}

我在这里看到了这个，还有更多选择: https://github.com/twbs/bootstrap/issues/9939