Glyphicons
Bootstrap 260 제공 glyphicons 로부터 Glyphicons 두요 반인 족 세트.
Glyphicons 텍스트, 버튼, 도구 모음, 탐색, 양식 등을 사용할 수 있습니다
다음의 몇 가지 예입니다 glyphicons :
봉투 glyphicon :
인쇄 glyphicon :
검색 glyphicon :
glyphicon 다운로드 :
Glyphicon 구문
glyphicon은 다음 구문을 삽입 :
<span class="glyphicon glyphicon- name "></span>위의 구문에서 이름 부분은 glyphicon의 적절한 이름으로 교체해야합니다.
Glyphicon 예
다음의 예는 glyphicons를 사용하는 다른 방법을 보여줍니다
예
<p>Envelope icon: <span class="glyphicon glyphicon-envelope"></span></p>
<p>Envelope icon as a link:
<a href="#"><span class="glyphicon
glyphicon-envelope"></span></a>
</p>
<p>Search icon: <span
class="glyphicon glyphicon-search"></span></p>
<p>Search icon on a
button:
<button type="button" class="btn btn-default">
<span
class="glyphicon glyphicon-search"></span> Search
</button>
</p>
<p>Search icon on a styled button:
<button type="button" class="btn
btn-info">
<span class="glyphicon glyphicon-search"></span> Search
</button>
</p>
<p>Print icon: <span class="glyphicon glyphicon-print"></span></p>
<p>Print icon on a styled link button:
<a href="#" class="btn btn-success
btn-lg">
<span class="glyphicon glyphicon-print"></span> Print
</a>
</p>
»그것을 자신을 시도 연습으로 자신을 테스트!
완료 Bootstrap Glyphicon 참조
모든 glyphicons의 완전한 참고로, 우리의 완전한 이동 부트 스트랩 Glyphicon 참조 .