引导按钮组大小因文本而异

Question

这是我使用bootstrap模板的按钮组：

    <div class="btn-group btn-group-xs">
        <button type="button" class="btn btn-primary btn-xs">
            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
        <label class="btn btn-default">%100</label>
        <button type="button" class="btn btn-danger btn-xs">
            <span class="glyphicon glyphicon-minus" aria-hidden="true"></span></button>

   </div>

它看起来像这样：

按钮组的对齐方式不同。我想要固定标签尺寸。这是一个丑陋的外表。

Answer 1

尝试创建一个css类来设置文本内容的宽度：

.btn-group label{
    width: 100px;//or any other size
}