CODEWITHSUNDEEP
twitter-bootstrap
Petran
Petran

Reputation: 8067

Twitter bootstrap bigger glyphicons.

Is there a way to use the twitter bootstrap and adjust there size to be bigger ? I have tried this so far with no luck. glyphicon.myclass {height: 100px; width: 100px;}

Thank you.

Upvotes: 4

Views: 27877

Answers (3)

isherwood
isherwood

Reputation: 61114

Bootstrap 2 icons are applied as backgrounds, so no. Also, they're an image sprite, so resizing the sprite image would require you to adjust every CSS position statement.

Bootstrap 3 icons are a font, so yes. 

.glyphicon.smaller {font-size: 8px;}
.glyphicon.bigger {font-size: 30px;}

Upvotes: 2

Carol Skelly
Carol Skelly

Reputation: 362700

Glyphicons use the font-size of their container. So you can increase the font-size as suggested by others, or use a container with larger font..

<h1><i class="glyphicon glyphicon-align-center"></i></h1>

http://bootply.com/98574

Upvotes: 2

Shiva
Shiva

Reputation: 20955

If it's Bootstrap 3, then try increasing the font-size if it applies to the element. Example below.

glyphicon.myclass {
    font-size: 1.4em;
}

Upvotes: 4

Related Questions