CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
Has
Has

Reputation: 885

How to make twitter bootstrap buttons bigger?

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

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

Upvotes: 49

Views: 82219

Answers (3)

Agustin
Agustin

Reputation: 1254

This has changed in Bootstrap 3.

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

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

Upvotes: 75

Mike Buckbee
Mike Buckbee

Reputation: 6983

This has changed again in Bootstrap 4.

Now there is only .btn-lg and .btn-sm

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

Upvotes: 10

Zera42
Zera42

Reputation: 2692

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

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

read more about it here

it's under 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

Upvotes: 66

Related Questions