CDN을 사용하여 Bootstrap 3 프로젝트에 Glyphicon을 포함하는 방법은 무엇입니까?

Bootstrap 3 Glyphicons CDN

Glyphicon이 Bootstrap 3 저장소에 다시 추가됨에 따라 이제 CDN을 통해 액세스하는 것이 그 어느 때보다 쉬워졌습니다.

Glyphicon과 함께 Bootstrap CDN 사용

업데이트된 Bootstrap CSS 파일에는 이제 Glyphicon과 해당 종속 항목이 포함됩니다. 프로젝트에 포함하려면 Bootstrap의 CDN:

HTML:

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

CSS:

을 참조하면 됩니다.

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

Glyphicon 요소에는 ".icon" 대신 ".glyphicon" 클래스를 사용해야 합니다.

Glyphicon을 별도로 사용

사용하려는 경우 Bootstrap의 나머지 부분 없이 Glyphicons를 사용하면 Bootstrap CDN에서 Glyphicons CSS 파일을 직접 참조할 수 있습니다.

HTML에서:

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

CSS에서:

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

이 접근 방식에는 Glyphicons CSS만 포함되며 Bootstrap의 JavaScript 또는 기타 종속성은 로드되지 않습니다.

위 내용은 CDN을 사용하여 Bootstrap 3 프로젝트에 Glyphicon을 포함하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!