Html 如何使 Twitter 引导按钮更大?

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/17638777/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-29 11:07:06  来源:igfitidea点击:

How to make twitter bootstrap buttons bigger?

htmlcsstwitter-bootstrap

提问by Has

I am learning html, css and twitter bootstrap as I go along.

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

I want to increase the size of the font of this button and hence make it bigger. Could someone help me with this please?

我想增加这个按钮的字体大小,从而使它更大。有人可以帮我吗?

Thanks!

谢谢!

回答by Agustin

This has changed in Bootstrap 3.

这在 Bootstrap 3 中发生了变化。

Now it is .btn-lg, .btn-sm, or .btn-xs

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

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

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

回答by ZZPLKF

here are the sizes bootstrap offers right out of the box.

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

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

read more about it here

在这里阅读更多相关信息

it's under Button sizes

它在 Button sizes

Edit:

编辑:

or you could make your own:

或者你可以自己做:

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

Source located here

来源位于此处

回答by Mike Buckbee

This has changed again in Bootstrap 4.

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

Now there is only .btn-lgand .btn-sm

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

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

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