부트스트랩 파일을 가져오는 방법
- 藏色散人원래의
- 2019-07-13 11:27:0113236검색
Bootstrap은 HTML, CSS 및 JavaScript 프레임워크를 포함하여 웹 사이트 및 웹 애플리케이션 개발을 위한 오픈 소스 프런트 엔드 프레임워크 세트로, 타이포그래피, 양식, 버튼, 탐색 기능을 제공합니다. 그리고 동적 웹 페이지와 웹 애플리케이션의 개발을 더 쉽게 만들기 위해 설계된 다양한 기타 구성 요소와 Javascript 확장 기능이 있습니다.
부트스트랩 파일을 소개하는 방법
부트스트랩을 소개하는 방법은 일반적으로 두 가지가 있습니다.
온라인에서 부트스트랩 스타일 인용하기 ,
참고용으로 부트스트랩을 로컬에 다운로드합니다.
Online citation
기본 템플릿은 다음과 같습니다.
<html>
<head>
<meta charset="UTF-8">
<title>Bootstrap引入</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>장점: Bootstrap을 로컬에 설치할 필요가 없습니다. , 인용을 고려할 필요가 없습니다. 당시 경로 문제
단점: 온라인 스타일이 다운되면 전체 페이지 스타일 렌더링에 영향을 미칩니다
#🎜 🎜#로컬 참조
부트스트랩을 로컬로 다운로드합니다. 위 코드의 URL 3개를 직접 방문하여 코드를 받으세요 Bootstrap 공식 홈페이지 http://v3.bootcss.com/ 및 JQuery로 이동 #🎜 🎜# 공식 홈페이지 http://jquery.com/ 해당 파일 다운로드
필요한 파일을 쉽게 참조할 수 있도록 프로젝트 아래에 배치
디렉토리 구조 bootstrap은 다음과 같습니다: # 🎜🎜#
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap-theme.css
│ ├── bootstrap-theme.css.map
│ ├── bootstrap-theme.min.css
│ └── bootstrap-theme.min.css.map
├── js/
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── fonts/
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
├── glyphicons-halflings-regular.woff
└── glyphicons-halflings-regular.woff2가장 일반적으로 사용되는 것은 css/bootstrap.min.css이고 js/bootstrap.min.jsjquery.min.js는 다음과 같습니다. JQuery 공식 홈페이지에서 다운로드# 🎜🎜#마지막으로 해당 파일에 소개해주시면 됩니다.
장점: 네트워크 상태가 좋지 않아도 페이지 스타일이 정상적으로 표시될 수 있는지 확인
단점: 미리 설치하거나 다운로드해야 하며, 경로 문제 인용할 때 고려해야 합니다.
관련 추천: "
부트스트랩 튜토리얼"
위 내용은 부트스트랩 파일을 가져오는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!