글리폰을 크게 하려면 어떻게 해야 할까요?(크기 변경?)

글리폰을 크게 하려면 어떻게 해야 할까요?(크기 변경?)

Globe glyphicon을 페이지의 많은 부분을 덮도록 더 크게 하고 싶습니다(벡터 이미지입니다).그것은 버튼 같은 것이 아니라 그냥 혼자입니다.이것을 할 방법이 방법이 있습니까?

<div class = "jumbotron">
    <span class="glyphicon glyphicon-globe"></span>
</div>  

글꼴 크기 늘리기glyphicon모든 아이콘 크기를 늘립니다.

.glyphicon {
    font-size: 50px;
}

하나의 아이콘만을 대상으로 하려면,

.glyphicon.glyphicon-globe {
    font-size: 75px;
}

폰타썸은 이에 대한 완벽한 해결책을 가지고 있습니다.

저도 똑같이 실행했습니다.당신의 메인에. css 파일에 이것을 추가합니다.

.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

당신의 예에서는 이것만 하면 됩니다.

<div class = "jumbotron">
    <span class="glyphicon glyphicon-globe gi-5x"></span>
</div>  

부트스트랩과 글꼴이 멋진 경우에는 새 코드를 한 줄도 쓸 필요 없이 fa-Nx를 원하는 크기로 추가할 수 있습니다. 데모 참조

<span class="glyphicon glyphicon-globe"></span>
<span class="glyphicon glyphicon-globe fa-lg"></span>
<span class="glyphicon glyphicon-globe fa-2x"></span>
<span class="glyphicon glyphicon-globe fa-3x"></span>
<span class="glyphicon glyphicon-globe fa-4x"></span>
<span class="glyphicon glyphicon-globe fa-5x"></span>

예, 그리고 기본적으로 인라인 스타일도 사용할 수 있습니다.

<span style="font-size: 15px" class="glyphicon glyphicon-cog"></span>

헤딩을 사용해보세요. 추가 CSS는 필요없습니다.

<h1 class="glyphicon glyphicon-plus"></h1>

예를 들어..클래스 추가:

btn-lg - LARGE

btn-sm - 스몰

btn-xs - 초소형

<button type=button class="btn btn-default btn-lg">
<span class="glyphicon glyphicon-star" aria-hidden=true></span> Star
</button> 

<button type=button class="btn btn-default">
<span class="glyphicon glyphicon-star" aria-hidden=true></span>Star
</button>

 <button type=button class="btn btn-default btn-sm">
<span class="glyphicon glyphicon-star" aria-hidden=true></span> Star
</button> 

<button type=button class="btn btn-default btn-xs">
<span class="glyphicon glyphicon-star" aria-hidden=true></span> Star
</button> 

Reflink 부트스트랩 : 글리피콘 부트스트랩

부트스트랩 헤더 클래스("h1", "h2" 등)를 사용했습니다.이렇게 하면 실제 태그를 사용하지 않고도 모든 스타일의 이점을 얻을 수 있습니다.다음은 예입니다.

<div class="h3"><span class="glyphicon glyphicon-tags" aria-hidden="true"></span></div>

언급URL : https://stackoverflow.com/questions/24960201/how-do-i-make-glyphicons-bigger-change-size