Bootstrap 에 있 는 파일 은 각각 무슨 뜻 과 인용 방법 을 대표 합 니까?

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 안의 파일 이 각각 무슨 뜻 과 인용 방법 을 대표 하 는 지 여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 저 에 게 메 시 지 를 남 겨 주세요.편집장 은 제때에 여러분 에 게 답장 을 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기