HTML 페이지에 부트스트랩 프레임워크를 로드하는 방법에 대한 튜토리얼

오늘 코드를 입력할 때 우연히 이 문제가 발생했습니다.

이 솔루션을 모든 사람과 공유하세요.

1/7

다운로드하려면 부트스트랩 공식 웹사이트로 이동하세요. , 개발을 위해 독자를 위해 컴파일되고 압축된 CSS 및 JavaScript 파일을 직접 다운로드하십시오. 여기에는 글꼴 파일도 포함되지만 문서 및 소스 코드 파일은 포함되지 않습니다. 압축이 풀린 패키지를 열면 CSS, Font, js라는 세 개의 폴더를 찾을 수 있습니다. 이는 부트스트랩 구성의 가장 기본적인 형태입니다. 파일의 압축되지 않은 버전은 모든 웹 프로젝트에서 직접 사용할 수 있습니다. 압축된(bootstrap.min.*) 및 압축되지 않은(bootstrap.*) CSS 및 JS 파일을 제공합니다. 글꼴 아이콘 파일은 Glyphicons

2/7

에서 제공됩니다. 모든 Bootstrap 플러그인은 jQuery를 사용합니다. 그리고 공식 프로젝트에서는 크기가 작기 때문에 압축 버전을 사용하는 것이 좋습니다. 그림과 같이 공식 웹사이트로 이동하여 jQuery 지원을 다운로드하세요.

3 +

부트스트랩의 루트 디렉터리에 새 데모.html 파일을 생성합니다(다음 단계에서 부트스트랩 프레임워크의 css 및 js 파일은 루트 디렉터리 아래에 생성되어야 합니다). 생성된 데모에 링크됨)

5/7

demo.html 파일을 편집하고 CSS 및 j에 대한 참조를 추가합니다. 부트스트랩에 있어요 내용은 다음과 같으며, 사진에는 댓글이 있습니다. 이로써 부트스트랩 프레임워크의 기본 사용 구조를 기본적으로 확립했습니다.

또한 부트스트랩은 공식적으로 링크 서비스를 제공하고 있으며, 이는 부트스트랩 프레임워크 파일을 로컬로 다운로드하지 않거나 HTML에서 직접 사용하지 않더라도 영원히 무료입니다.

위 내용은 HTML 페이지에 부트스트랩 프레임워크를 로드하는 방법에 대한 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!