如何让twitter引导按钮更大?

时间:2013-07-14 10:55:36

标签: html css twitter-bootstrap

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

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

谢谢!

3 个答案:

答案 0 :(得分:73)

这在Bootstrap 3中已经改变。

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

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

答案 1 :(得分:58)

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

.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

答案 2 :(得分:5)

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

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

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