twitter-bootstrap
글리 피콘

비고

글리 phicon을 사용하는 방법

Twitter Bootstrap은 glyphicons라는 아이콘을 지원하며 HTML의 모든 태그와 함께 사용할 수 있습니다.

모든 아이콘에는 기본 클래스와 개별 아이콘 클래스가 필요합니다.

아이콘 클래스는 다른 구성 요소와 직접 결합 될 수 없으므로 항상 내부 <span></span> 태그를 사용하십시오.

HTML 코드에 내부 자식 요소가있는 경우 해당 특정 태그에 아이콘 클래스를 사용할 수 없습니다.

예제들

예를 들어, 부트 스트랩 버튼을 만드는 경우이 버튼의 구문은 다음과 같아야합니다.

<button type="button" class="btn btn-default btn-lg">
   Star
</button>

그래서 위 예제에서 간단한 부트 스트랩 버튼이 생성되었지만이 버튼에 글리프콘을 추가하려고합니다. <span> 요소를 <button> 태그 안에 추가하기 만하면됩니다. 이렇게 :

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