html - 如何增加 Bootstrap 按钮的大小？

Question

例如我做了我的按钮

<div class="btn btn-default">
  Active
</div>

它看起来像下面这样

但是我想要这样的按钮

如何在不考虑文本大小的情况下扩大 Bootstrap 按钮的宽度？

Answer 1

您可以像这样尝试使用 btn-sm、btn-xs 和 btn-lg 类:

.btn-xl {
    padding: 10px 20px;
    font-size: 20px;
    border-radius: 10px;
}

JSFIDDLE DEMO

您可以使用 Bootstrap .btn-group-justified css 类。或者您可以简单地添加:

.btn-xl {
    padding: 10px 20px;
    font-size: 20px;
    border-radius: 10px;
    width:50%;    //Specify your width here
}

JSFIDDLE DEMO