如何使 twitter 引导按钮更大？

Posted 2023-03-06

【中文标题】如何使 twitter 引导按钮更大？

【英文标题】：How to make twitter bootstrap buttons bigger?

【发布时间】：2013-07-12 09:42:51

【问题描述】：

我正在学习 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>

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

谢谢！

【参考方案1】：

这在 Bootstrap 3 中发生了变化。

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

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

【参考方案2】：

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

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

阅读更多信息here

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

来源位于here

【讨论】：

但是，如果我提高填充和字体，在移动视图中会重叠屏幕

【参考方案3】：

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

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

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