bootstrap_Glyphicon

html, css, bootstrap

bootstrap_Glyphicon

신방동불주먹 2022. 11. 8. 12:59

<버튼에 모양넣기>

링크에서 원하는 모양을 넣어주면 된다 : http://bootstrapk.com/components/

예 )

 <button type="button" class="btn btn-default">
        <span class="glyphicon glyphicon-align-left"></span>
      </button>
      <button type="button" class="btn btn-default">
        <span class="glyphicon glyphicon-align-center"></span>
      </button>
      <button type="button" class="btn btn-default">
        <span class="glyphicon glyphicon-align-right"></span>
      </button>
      <button type="button" class="btn btn-default">
        <span class="glyphicon glyphicon-align-justify"></span>
      </button>

<glyphicon과 텍스트 동시 사용>

button이 아니라 span 태그도 사용 가능

예 )

<span class="glyphicon glyphicon-phone-alt">02-123-1234</span>