--- id: css-icons-bootstrap title: "CSS Icons Bootstrap" category: "Frontend" status: "draft" verification_status: "conceptual" canonical_id: "" aliases: ["Bootstrap icons", "glyphicons", "Bootstrap glyphicons", "CSS icons", "bootstrap CDN icons"] duplicate_of: "" source_trust_level: "B" confidence_score: 0.88 created_at: 2026-06-23 updated_at: 2026-06-23 review_reason: "" merge_history: [] tags: ["css", "web", "frontend", "w3schools", "icons", "bootstrap", "glyphicons"] raw_sources: ["https://www.w3schools.com/css/css_icons_bootstrap.asp"] applied_in: [] github_commit: "" --- # [[CSS Icons Bootstrap]] ## 🎯 한 줄 통찰 (One-line insight) Bootstrap glyphicons can be added to a page by linking the Bootstrap CDN stylesheet in the `` and placing `` elements with `glyphicon glyphicon-*` class names — no download or installation required. [S1] ## 🧠 핵심 개념 (Core concepts) - **Icon library approach** — icons can be added from the Bootstrap icon library (glyphicons). [S1] - **CDN-based** — to use the Bootstrap glyphicons, add the Bootstrap CSS link inside the `` section. [S1] - **No installation** — no downloading or installation is required. [S1] ## 🧩 추출된 패턴 (Extracted patterns) - **Stylesheet link in head** — reference the Bootstrap CDN stylesheet in `` to enable glyphicons. [S1] - **Two-class naming** — each icon uses the base class `glyphicon` plus a specific `glyphicon-` class on an `` element. [S1] ## 📖 세부 내용 (Details) **Bootstrap Icons** — to use the Bootstrap glyphicons, add the following line inside the `` section of your HTML page: [S1] ```html ``` **Note:** No downloading or installation is required! [S1] **Example — adding Bootstrap glyphicons:** [S1] ```html ``` Each icon is rendered by an `` element carrying `glyphicon` together with a specific icon class (e.g. `glyphicon-cloud`, `glyphicon-remove`, `glyphicon-user`, `glyphicon-envelope`, `glyphicon-thumbs-up`). [S1] ## 🛠️ 적용 사례 (Applied in summary) The page's own example renders five glyphicons (cloud, remove, user, envelope, thumbs-up) by linking the Bootstrap CDN stylesheet and adding inline `` elements. No external project/commit applications found in the source. ## 💻 코드 패턴 (Code patterns) Single Bootstrap glyphicon (language: HTML): ```html ``` Required head reference: ```html ``` ## ⚖️ 모순 및 업데이트 (Contradictions & updates) No contradictions found in the source. ## ✅ 검증 상태 및 신뢰도 - **상태:** draft - **검증 단계:** conceptual (실제 적용 사례 발견 시 applied/validated로 승격 가능) - **출처 신뢰도:** B (W3Schools — widely used educational reference, not a primary standards body) - **신뢰 점수:** 0.88 - **중복 검사 결과:** 신규 생성 (New discovery) ## 🔗 지식 그래프 (Knowledge Graph) - **상위/루트:** [[CSS Tutorial]] - **관련 개념:** [[CSS Icons Font Awesome]], [[CSS Icons Google]], [[CSS Fonts]] - **참조 맥락:** Referenced when adding glyphicons to a project already using the Bootstrap CDN. ## 📚 출처 (Sources) - [S1] W3Schools — CSS Icons Bootstrap — https://www.w3schools.com/css/css_icons_bootstrap.asp ## 📝 변경 이력 (Change history) - 2026-06-23: Initial draft synthesized from the W3Schools "CSS Icons Bootstrap" page (Astra wiki-curation, P-Reinforce v3.1 format).