부트스트랩 파일을 가져오는 방법-부트스트랩 튜토리얼-php.cn

부트스트랩 파일을 가져오는 방법

藏色散人

풀어 주다： 2019-07-13 11:27:01

원래의

13261명이 탐색했습니다.

부트스트랩 파일을 가져오는 방법

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.js

jquery.min.js는 다음과 같습니다. JQuery 공식 홈페이지에서 다운로드

# 🎜🎜#마지막으로 해당 파일에 소개해주시면 됩니다.

장점: 네트워크 상태가 좋지 않아도 페이지 스타일이 정상적으로 표시될 수 있는지 확인

단점: 미리 설치하거나 다운로드해야 하며, 경로 문제 인용할 때 고려해야 합니다.