복원된 CDN에서 Twitter Bootstrap Glyphicon을 어떻게 사용할 수 있습니까?

Bootstrap 3 Glyphicons CDN: 복원 및 개선됨

최근 Twitter Bootstrap은 Glyphicons 아이콘 글꼴을 핵심 저장소로 다시 환영했습니다. 사용자 인터페이스에서 아이콘이 광범위하게 사용된다는 점을 인식하여 Bootstrap 팀은 여러 가지 향상된 기능과 함께 Glyphicon을 복원했습니다.

• 이제 구성 요소 페이지에서 문서가 복원되었습니다.
• 새 변수 (@icon-font-path 및 @icon-font-name)은 아이콘 글꼴 작업 시 더 큰 유연성을 제공합니다.
• 최신 버전의 Glyphicons가 통합되어 40개의 새로운 아이콘이 추가되었습니다.
• 이전 Glyphicon에 대한 모든 언급은 CSS 페이지에서 제거되었습니다.

Twitter Bootstrap Glyphicons용 CDN URL

Glyphicon이 다시 Bootstrap으로 병합되었습니다. repo에서 Bootstrap CDN은 이제 Glyphicon을 포함한 완전한 Bootstrap 3.0 CSS를 제공합니다. 간단히 Bootstrap CSS를 참조하면 모든 준비가 완료됩니다. Glyphicon과 해당 종속성은 상대 경로에서 사용할 수 있으며 bootstrap.min.css에 통합됩니다.

<code class="html"><link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"></code>

<code class="css">@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");</code>

독립형 Glyphicon( 선택 사항)

Glyphicons를 별도로 사용하려는 경우 Bootstrap CDN의 전용 Glyphicons CSS 파일을 참조할 수 있습니다.

<code class="html"><link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"></code>

<code class="css">@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");</code>

이 접근 방식에는 필요한 모든 것이 포함됩니다. Glyphicon 종속성이 있으므로 즉시 사용할 수 있습니다.

참고:

• .icon 대신 .glyphicon 클래스를 사용하세요
• bootstrap.min.js를 포함한 JavaScript 구성 요소

위 내용은 복원된 CDN에서 Twitter Bootstrap Glyphicon을 어떻게 사용할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!