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

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

    <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>

%100

看起来是这样的：

---

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

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

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

---

我不明白你的问题。你说的固定标签尺寸是什么意思？我更新了发布的图片，两个按钮的对齐方式不一样。啊，你是说宽度。。我只是考虑字体大小，这没有意义@邓特已经回答了你的问题。是的，我是说宽度，谢谢。