防止引导按钮组中断

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