부트스트랩 아이콘(BootStrap Icon) Joomla & Bootstrap Awesomeness 사용하는 방법

IT|2017. 6. 21. 03:00

부트스트랩은 홈페이지를 만들 수 있도록 도와줍니다. 실제로 요즘 대부분의 홈페이지들은 부트스트랩을 통해 다양하게 사용되어 지고 있고, 블로그 스킨으로 사용을 하고 있을 만큼 각광을 받고 있습니다. 그 중에 아이콘은 많은 종류가 있으며 지속적으로 업데이트가 됩니다.


새로운 아이콘들이 점점 추가가 됩니다. 부트스트랩 아이콘(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부터 아이콘 크기가 큰 순서입니다. 숫자가 낮을 수록 아이콘 크기는 작아집니다. 적당한 크기의 아이콘을 사용을 하여도 됩니다.

댓글()