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
How to make twitter bootstrap buttons bigger?
提问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
回答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-lg
and .btn-sm
现在只有.btn-lg
和.btn-sm