부트스트랩 아이콘(BootStrap Icon) Joomla & Bootstrap Awesomeness 사용하는 방법
부트스트랩은 홈페이지를 만들 수 있도록 도와줍니다. 실제로 요즘 대부분의 홈페이지들은 부트스트랩을 통해 다양하게 사용되어 지고 있고, 블로그 스킨으로 사용을 하고 있을 만큼 각광을 받고 있습니다. 그 중에 아이콘은 많은 종류가 있으며 지속적으로 업데이트가 됩니다.
새로운 아이콘들이 점점 추가가 됩니다. 부트스트랩 아이콘(BootStrap Icon) Joomla & BootStrap Awesomeness 사용하는 방법에 대해 소개하겠습니다.
부트스트랩 아이콘을 사용을 하기 위해 아래의 사이트에 접속을 합니다. 부트스트랩 아이콘 사이트에서 원하는 아이콘을 클릭을 합니다.
관련 링크 ☞ [부트스트랩 아이콘 보기]
해당 아이콘의 크기, 소스를 확인을 할 수 있습니다. 이 소스를 기존의 아이콘이 있는 곳에 붙여넣기를 하거나 기존에 것을 삭제를 하고 붙여넣기를 하여도 됩니다.
<i class="fa fa-line-chart fa-5x" aria-hidden="true"></i>
<i class="fa fa-line-chart fa-4x" aria-hidden="true"></i>
<i class="fa fa-line-chart fa-3x" aria-hidden="true"></i>
<i class="fa fa-line-chart fa-2x" aria-hidden="true"></i>
<i class="fa fa-line-chart fa-lg" aria-hidden="true"></i>
<i class="fa fa-line-chart" aria-hidden="true"></i>
fa-5x부터 아이콘 크기가 큰 순서입니다. 숫자가 낮을 수록 아이콘 크기는 작아집니다. 적당한 크기의 아이콘을 사용을 하여도 됩니다.
'IT' 카테고리의 다른 글
온라인 사진인화 서비스 미오디오 회원가입하기 (0) | 2017.06.21 |
---|---|
아두이노 IDE 보드매니저에 새로운 보드 추가하는 방법 (0) | 2017.06.21 |
부트스트랩 아이콘(Bootstrap Icon) Joomla & Bootstrap Awesomeness 목록 (0) | 2017.06.20 |
페이스북 페이지 만드는 방법 알아보기 (0) | 2017.06.20 |
포토스케이프 사진, 이미지 임의의 각도로 사진을 회전시키기 (0) | 2017.06.17 |