按钮组在小视口上溢出

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 class

Answer 2

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

按钮组在小视口上溢出

Button group overflowing on small viewport

twitter-bootstrap

button

buttongroup