按钮组溢出小视口

Question

我想在<td>元素中创建一个组按钮，在小屏幕和大屏幕上的行为相同。

这就是我现在所拥有的。

<div class="btn-group" role="group">
    <button type="button" class="edit btn btn-warning btn-sm">
        <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
    </button>
    <button type="button" class="delete btn btn-danger btn-sm">
    <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
    </button>
</div>

这是一个截图来解释我的意思。

Answer 1

在小屏幕媒体查询上将最小宽度应用于btn-group课程

Answer 2

您需要将最小宽度应用于btn-group或使用Bootstrap的内置类之一，例如sm-col-1。