Bootstrap 에 있 는 파일 은 각각 무슨 뜻 과 인용 방법 을 대표 합 니까?
bootstrap/
├── css/ <!--CSS -->
│ ├── bootstrap.css <!--Bootstrap CSS -->
│ ├── bootstrap.css.map <!--source map -->
│ ├── bootstrap.min.css <!--Bootstrap CSS -->
│ ├── bootstrap.min.css.map
│ ├── bootstrap-theme.css <!-- Bootstrap ( )-->
│ ├── bootstrap-theme.css.map
│ ├── bootstrap-theme.min.css <!-- Bootstrap ( ) -->
│ └── bootstrap-theme.min.css.map
├── js/ <!--JavaScript -->
│ ├── bootstrap.js <!--Bootstrap JavaScript -->
│ └── bootstrap.min.js <!--Bootstrap JavaScript -->
└── fonts/ <!-- -->
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
├── glyphicons-halflings-regular.woff
└── glyphicons-halflings-regular.woff2
*bootstrap.css 는 완전한 bootstrap 스타일 시트 로 압축 되 지 않 아 개발 할 때 디 버 깅 할 수 있 습 니 다.*boottstrap.min.css 는 압축 된 boottstrap 스타일 시트 입 니 다.내용 은 boottstrap.css 와 똑 같 지만 중간 에 불필요 한 빈 칸 같은 것 을 모두 삭 제 했 기 때문에 파일 크기 는 boottstrap.css 보다 작 습 니 다.사 이 트 를 배치 할 때 참조 할 수 있 습 니 다.이 파일 을 인용 하면 boottstrap.css 를 참조 할 필요 가 없습니다.아래 파일 도 마찬가지 입 니 다.
bootstrap 의 환경 은 적어도 3 개의 파일 이 필요 합 니 다.bootstrap.min.css,jQuery.min.js,bootstrap.min.js,구체 적 인 코드 는 다음 과 같 습 니 다.
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="external nofollow" >
<!-- Bootstrap ( ) -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" rel="external nofollow" >
<!-- jQuery , bootstrap.min.js -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<!-- Bootstrap JavaScript -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
주의해 야 할 것 은:bootstrap.min.css,jquery.min.js,bootstrap.min.js 세 파일 의 도입 순 서 는 반드시 착란 되 어 서 는 안 됩 니 다.일반적으로 jquery.min.js,bootstrap.min.js 두 파일 을 HTML 페이지 의 맨 밑 에 넣 습 니 다.이렇게 하 는 것 은 웹 페이지 가 불 러 오지 않 았 는데 이 두 파일 을 먼저 불 러 오 는 것 을 방지 하기 위해 불필요 한 문제 가 발생 할 수 있 습 니 다.
글꼴 파일 에 대한 설명:
웹 페이지 에서 사용 하 는 글꼴 형식 도 브 라 우 저 마다 글꼴 형식 에 대한 지원 규격 이 다 릅 니 다.글꼴 형식 유형 은 주로 몇 가지 큰 분류 가 있 습 니 다.True Type,Embedded Open Type,OpenType,WOFF,SVG 입 니 다.
TrueType
Windows 와 Mac 시스템 에서 가장 많이 사용 되 는 글꼴 형식 입 니 다.가장 큰 특징 은 수학 모델 로 정 의 된 윤곽 기술 기반 글꼴 입 니 다.이 는 벡터 기반 글꼴 보다 쉽게 처리 되 고 화면 과 인쇄 출력 의 일치 성 을 확보 하 는 것 입 니 다.이와 함께 이 글꼴 은 벡터 글꼴 과 마찬가지 로 톱날 이 나 올 까 봐 걱정 하지 않 고 마음대로 크기 를 조정 하고 회전 할 수 있다.
EOT C Embedded Open Type (.eot)
EOT 는 내장 형 글꼴 로 마이크로소프트 가 개발 한 기술 이다.OpenType 글꼴 을@font-face 로 웹 페이지 에 삽입 하고 브 라 우 저 렌 더 링 에 다운로드 하여 임시 설치 폴 더 에 저장 할 수 있 도록 합 니 다.
OpenType (.otf)
OpenType 은 마이크로소프트 와 Adobe 가 공동으로 개발 한 글꼴 로,마이크로소프트 의 IE 브 라 우 저 는 모두 이 글꼴 을 사용한다.True Type 글꼴 을 대체 하 는 데 주력 합 니 다.
WOFF C Web Open Font Format (.woff)
WOFF(Web 개발 글꼴 형식)는 웹 을 위 한 글꼴 형식 표준 으로 실제 TrueType/OpenType 등 글꼴 형식 에 대한 패 키 징 입 니 다.각 글꼴 파일 에는 글꼴 과 글꼴 에 대한 메타 데이터(Metadata)가 포함 되 어 있 고 글꼴 파일 이 압축 되 어 네트워크 전송 에 편리 합 니 다.
SVG (Scalable Vector Graphics) Fonts (.svg)
SVG 는 W3C 가 만 든 열 린 표준 그래 픽 형식 이다.SVG 글꼴 은 SVG 기술 로 글꼴 을 보 여 주 는 것 이 고 gzip 압축 형식의 SVG 글꼴 도 있 습 니 다.사용 방법:CSS 3 의@font-face 속성 을 사용 하면 웹 페이지 에 임의의 글꼴 을 삽입 할 수 있 습 니 다.그러나 IE 는 마이크로소프트 자체 EOT 형식 글꼴 만 지원 하 며,글꼴 변환 도구 로 EOT 형식 으로 변환 해 야 하 며,다른 브 라 우 저 는 이 글꼴 형식 을 지원 하지 않 으 며,다른 브 라 우 저 는 TTF(True Type)와 OTF(OpenType)두 가지 글꼴 을 사용자 정의 글꼴 로 설정 할 수 있다.
위 에서 말 한 것 은 편집장 이 여러분 에 게 소개 한 Bootstrap 안의 파일 이 각각 무슨 뜻 과 인용 방법 을 대표 하 는 지 여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 저 에 게 메 시 지 를 남 겨 주세요.편집장 은 제때에 여러분 에 게 답장 을 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
부트스트랩 5 스티커Sticky는 페이지의 특정 영역에서 요소를 잠글 수 있도록 하는 구성 요소입니다. 수동 설치(zip 패키지) 부트스트랩 이미지 구성 요소를 활용하고 프로젝트에서 사용하려면 먼저 을 설치해야 합니다. MDB CLI ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.