BootStrap 소개 및 배포 및 설치 방법(소개)-HTML 튜토리얼-php.cn

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

青灯夜游

풀어 주다： 2018-10-13 16:31:01

앞으로

3113명이 탐색했습니다.

이 글에서는 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 파일은 본문 하단에 배치하는 것이 가장 좋습니다)

	<head>
		<meta charset="UTF-8">
		<!--支持移动设备优先-->
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<title>测试文档</title>
		<!--引入 Css 文件-->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<!--引入 jQuery 文件-->
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<!--引入 bootstrap 框架 js 文件-->
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</head>

로그인 후 복사

3 공식 CDN

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

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

로그인 후 복사

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

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