문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

======Bootstrap Glyphicons======
<WRAP left notice 80%>
  * description : Bootstrap Glyphicons
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-03-25
</WRAP>
<WRAP clear></WRAP>
\\
=====Glyphicons=====
Bootstrap은 Glyphicons Halflings 세트에서 260 개의 글리피콘을 제공합니다.\\
\\
글리피콘은 텍스트, 버튼, 툴바, 네비게이션, 양식 등에서 사용할 수 있습니다.\\
\\
=====Glyphicon Syntax=====
글리피콘은 하기의 구문으로 삽입됩니다.\\
<HTML>
<span class="glyphicon glyphicon-name"></span>
</HTML>
위 구문의 이름 부분은 글리피콘의 적절한 이름으로 대체되어야 합니다.\\
\\
=====Glylphicon Example=====
다음 예제는 글리피콘을 사용하는 다양한 방법을 보여줍니다.\\
====예제====
<HTML>
<body>

    <div class="container">
        <h2>Glyphicon Examples</h2>
        <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>
                <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>
    </div>

</body>
</HTML>
\\
{{:wiki:bootstrap:bootstrap_note:glyphicon-examples.png?300|}}\\
\\
=====Complete Bootstrap Glyphicon Reference=====
모든 글리피콘에 대한 참조를 보려면, [[https://www.w3schools.com/bootstrap/bootstrap_ref_comp_glyphs.asp|Bootstrap Glyphicon Reference]]로 이동하십시오.\\






{{tag>오션 Bootstrap Glyphicons}}

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

문서 도구