如何使Twitter Bootstrap按钮变大？

Question

在我学习的过程中，我正在学习HTML、CSS和Twitter Bootstrap。

  <div id="button" style=" position:absolute;top:450px; left:350px;">
        <p>
        <a href="https://docs.google.com/forms/d/1Exo4u2iRpChj- 
           Wg9K5HxteMeoVE1uee0fQKBWiuYYiw/viewform?pli=1" class="btn btn-primary btn-  
           large">Search
        </a>
    </p>
    </div>

我想增加这个按钮字体的大小，从而使它变得更大。请有人帮助我吗？

谢谢！

- Has

Answer 1

在 Bootstrap 3 中，有所改变。

现在使用 .btn-lg、.btn-sm 或 .btn-xs。

https://getbootstrap.com/docs/3.4/css/

- Agustin

Answer 2

这是Bootstrap开箱即用提供的尺寸。

.btn-large
.btn-small
.btn-mini

点击这里了解更多信息。

它在按钮尺寸下方。

编辑：

或者您可以自己制作：

.btn-xlarge {
    padding: 18px 28px;
    font-size: 22px; //change this to your desired size
    line-height: normal;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}

源代码位于此处

- Zera42

---

然而，如果我增加填充和字体，在移动视图中会重叠屏幕。 - questionasker

Answer 3

这在Bootstrap 4中又有了变化。

现在只有.btn-lg和.btn-sm。

https://getbootstrap.com/docs/4.0/components/buttons/#sizes

- Mike Buckbee