나는 내가 문을 열고 있다는 사실을 알고 있을 때 '폴더' 3 '에서 다운로드할지 부트스트랩에 dist 별도의 폴더에 파일이 포함된' 글꼴에서처럼 이름:
glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff
하지만 난 여기가 그리피컨스 것 같은데, 어떻게 이러한 첨부하려면 don& # 39 는 모르는 내 사이트? 내 페이지 그리피컨스 부착합니다 어떻게 합니까?
사전에 아무런 도움도 주셔서 감사합니다.
아래 코드는 fs@snapa 연결된 부스스트라피크스 파일:
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap example</title>
<meta name="viewport" content="width=divice-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="bootstrap.css" rel="stylesheet" media="screen">
</head>
'있다' 는 html 코드 부분을 avamar 그리피컨스 있는 합니다.
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span>
Home</a></li>
<li><a href="#"><span class="glyphicon glyphicon-star"></span> Top
Destinations</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span
class="glyphicon glyphicon-user"></span> About Us<b class="caret"></b></a>
내 생각엔 당신 특정 문제를 어떻게 부트스트랩에 파일을 사용하는 방법을 이해할 수 있지만, t # 39 isn& 그리피컨스 겸상하자고.
<link href="bootstrap.css" rel="stylesheet" media="screen">
이 같은 위치를 페이지이므로 내리게하여 너회의 부스스트라피크스 로드되는 경우 문제를 만들어 갈 것 "이라고 didn& # 39, t 조정하십시오 파일 구조.
그러나 먼저 추천합니까 설정, 나한테 너 같은 폴더 구조를 있습니다.
/css <-- Bootstrap.css here
/fonts <-- Bootstrap fonts here
/img
/js <-- Bootstrap JavaScript here
index.html
이 경우 해당 파일을 ZIP 다운로드하십시오 부트스트랩에 구조를 어떻게 표시문, 이 역시.
그런 다음 있습니다 부트스트랩에 같은 파일이 있습니다.
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
or
<link href="./css/bootstrap.css" rel="stylesheet" media="screen">
or
<link href="/css/bootstrap.css" rel="stylesheet" media="screen">
그래서, 이렇게 하는 이유는?
이 특정 라인은 그리피퐁스 부스스트라피크스 있다.
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
너희는너희가 볼 수 있는 것은 그리피퐁스 로드되었는지 '라는 폴더를 위로 이동하여' 다음 '와' / 글꼴에서처럼 디렉토리에는 ./ 찾고 어졌다면 [font-family 로드중 절실해졌습니다.
Url 주소를 CSS 파일이 상대적인 위치에 있다. 그래서, CSS 파일이 경우 동일한 위치에 다음과 같습니다.
/fonts
Bootstrap.css
index.html
Css 파일 폴더 '/' 보다 한 단계 더 글꼴에서처럼 찾고 있는 것 같습니다.
C:\www\fonts
C:\www\Boostrap.css
C:\www\index.html
Css 파일이 다시그것들을 기술적으로 폴더란 http://support. 찾고 있습니다
C:\fonts
하지만 당신의 폴더에서는 실제로:
C:\www\fonts
그래서 볼 수 있는 경우. # 39, & # 39, 뭐든 할 수 없는 너회가 don& special& # 39. 단, 해당 폴더 구조를 그리피컨스 로드하기에 부트스트랩에 smartupdate 설정되었습니다 적절히.
그럼 이건 단순히 HTML 고정식입니다 너회의 할 때 다음과 같이 쓸 수 있다.
<span class="glyphicon glyphicon-comment"></span>
, 모두 클래스뿐만 알아두십시오 합니다. '스타일' 이 '기본' 세트를 설정하는 동시에 일등급인데 그리피컨 그리피컨 주석문입니다. 특정 이미지.