防止引导按钮组中断

Question

如果空间较小，如何防止自举按钮进入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

这对我有用，将按钮组转换为弹性项目（默认情况下不会换行）：

.btn-group {
  display: flex;
}

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