>웹 프론트엔드 >HTML 튜토리얼 >BootStrap 소개 및 배포 및 설치 방법(소개)

BootStrap 소개 및 배포 및 설치 방법(소개)

青灯夜游
青灯夜游앞으로
2018-10-13 16:31:013139검색

이 글에서는 BootStrap이 무엇인지, 배포 및 설치 방법을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다. 또한 부트스트랩 튜토리얼을 방문하여 더 많은 부트스트랩 관련 비디오 튜토리얼을 얻고 배울 수 있습니다.

부트스트랩 소개

부트스트랩이란 무엇인가요?

Bootstrap은 Twitter에서 Mark Otto와 Jacob Thornton이 개발했습니다.

Bootstrap은 2011년 8월 GitHub에 출시된 오픈 소스 제품입니다.

Bootstrap은 웹 애플리케이션 및 웹 사이트의 신속한 개발을 위한 프런트 엔드 프레임워크입니다.

Bootstrap은 반응형 레이아웃을 지원하며 다중 터미널(컴퓨터, 태블릿, 휴대폰) 장치 액세스와 호환됩니다.

Bootstrap 배포 및 설치

1. 공식 웹사이트 https://v3.bootcss.com/에서 부트스트랩 프레임워크를 다운로드하세요.

2. 다운로드한 프레임워크를 루트 디렉터리에 넣고 파일을 가져옵니다.

헤드 태그

 <meta name="viewport" content="width=device-width, initial-scale=1">

위에 배치해야 하는 모바일 장치 우선 명령문을 지원하고 부트스트랩 CSS 파일을 도입합니다.

부트스트랩 프레임워크는 jQuery에 의존하므로 먼저 jQuery 라이브러리를 도입한 다음 부트스트랩 js 파일을 도입해야 합니다.

다음은 프레임워크를 소개하는 완전한 코드입니다

(부트스트랩 js 파일은 본문 하단에 배치하는 것이 가장 좋습니다)

	93f0f5c25f18dab9d176bd4f6de5d30e
		a80eb7cbb6fff8b0ff70bae37074b813
		52bd492f41a6da6d33cf50c25f0022a7
		72fa8431c425452abb4ebe9bcbe27930
		b2386ffb911b14667cb8f0f91ea547a7测试文档6e916e0f7d1e588d4f442bf645aedb2f
		229eb21e3b4943941b3cd6155af73630
		bcccb62f74f64b67c652e45ac46da926
		dd9ede41d96d9f70c9855d907fdddaab
		de35bb12e9e5e3795aa8e9d9b8e69d532cacc6d41bbb37262a98f745aa00fbf0
		0cdfd1f36b265be4d367bb576c13f5de
		64767d14527514c67ca95c91205d603b2cacc6d41bbb37262a98f745aa00fbf0
	9c3bca370b5104690d9ef395f2c5f8d1

3 공식 CDN

을 사용할 수도 있습니다. head 태그에 액세스하려면 jQuery 파일의 하단 부분에 인터넷 연결이 있어야 합니다.

cf9514fc149f0f9de18e23eb3436dd50
8b3d8b4df0783808c92288c063dd7039

a410ef669c70bb72a71832155c839761
45f6e61093b7658793ed376e0ac3d4de

f0e9cbfe7fb9a182193098c47dfaa410
1e3df8e11cd1818e870555db82bcd5bc2cacc6d41bbb37262a98f745aa00fbf0

요약: 위 내용이 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다.

위 내용은 BootStrap 소개 및 배포 및 설치 방법(소개)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제

관련 기사

더보기