html - 如何使 twitter 引导按钮更大？

Question

我正在学习 html、css 和 twitter 引导程序。

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

我想增加这个按钮的字体大小，从而使它更大。有人可以帮我解决这个问题吗？

谢谢！

Answer 1

这在 Bootstrap 3 中发生了变化。

现在是 .btn-lg、.btn-sm 或 .btn-xs

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

Answer 2

以下是 bootstrap 开箱即用的尺寸。

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

在此处阅读更多信息

它在下面Button sizes

编辑：

或者你可以自己制作：

.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;
}

来源位于此处

Answer 3

这在 Bootstrap 4 中再次发生了变化。

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

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