부트스트랩은 중국에서 개발되나요?
- WBOY원래의
- 2022-06-21 16:56:361453검색
Bootstrap은 국내에서 개발된 것이 아니라 미국 Twitter 회사의 디자이너 "Mark Otto"와 "Jacob Thornton"에 의해 개발되었습니다. Bootstrap은 웹 애플리케이션 및 웹 사이트의 신속한 개발을 위해 HTML, CSS 및 JavaScript를 기반으로 개발된 프런트 엔드 프레임워크입니다. .
이 튜토리얼의 운영 환경: Windows 10 시스템, 부트스트랩 버전 5, DELL G3 컴퓨터
부트스트랩은 중국에서 개발되었나요?
부트스트랩은 중국에서 개발되지 않았습니다
Bootstrap은 빠른 속도를 위한 도구입니다. 웹 애플리케이션 개발 및 웹사이트의 프런트엔드 프레임워크. 부트스트랩은 HTML, CSS, JAVASCRIPT를 기반으로 합니다.
History
Bootstrap은 Mark Otto와 Jacob Thornton이 Twitter에서 개발했습니다. 부트스트랩은 2011년 8월 GitHub에 출시된 오픈 소스 제품입니다.
부트스트랩을 사용하는 이유는 무엇인가요?
모바일 우선: Bootstrap 3부터 프레임워크에는 전체 라이브러리에 걸쳐 모바일 우선 스타일이 포함됩니다.
브라우저 지원: 모든 주요 브라우저는 부트스트랩을 지원합니다.
Internet Explorer Firefox Opera Google Chrome Safari
쉬운 시작: HTML 및 CSS에 대한 기본 지식만 있으면 Bootstrap 학습을 시작할 수 있습니다.
반응형 디자인: Bootstrap의 반응형 CSS는 데스크톱, 태블릿, 휴대폰에 적응할 수 있습니다. 반응형 디자인에 대한 자세한 내용은 Bootstrap 반응형 디자인을 참조하세요.
반응형 디자인
개발자에게 인터페이스 생성을 위한 간단하고 통합된 솔루션을 제공합니다.
강력한 내장 구성 요소가 포함되어 있으며 사용자 정의가 쉽습니다.
웹 기반 사용자 정의도 제공합니다.
오픈소스입니다.
부트스트랩 패키지 내용
기본 구조: 부트스트랩은 그리드 시스템, 링크 스타일, 배경 등을 갖춘 기본 구조를 제공합니다. 이에 대해서는 부트스트랩 기본 구조 섹션에서 자세히 설명하겠습니다.
CSS: Bootstrap에는 전역 CSS 설정, 기본 HTML 요소 스타일 정의, 확장 가능한 클래스 및 고급 그리드 시스템과 같은 기능이 포함되어 있습니다. 이에 대해서는 Bootstrap CSS 섹션에서 자세히 설명하겠습니다.
구성 요소: Bootstrap에는 이미지 생성, 드롭다운 메뉴, 탐색, 경고 상자, 팝업 상자 등을 위한 재사용 가능한 구성 요소가 12개 이상 포함되어 있습니다. 이에 대해서는 레이아웃 구성 요소 섹션에서 자세히 설명합니다.
JavaScript 플러그인: Bootstrap에는 12개 이상의 사용자 정의 jQuery 플러그인이 포함되어 있습니다. 모든 플러그인을 직접 포함하거나 개별적으로 포함할 수 있습니다. 이에 대해서는 Bootstrap 플러그인 섹션에서 자세히 설명하겠습니다.
사용자 정의: Bootstrap 구성 요소, LESS 변수 및 jQuery 플러그인을 사용자 정의하여 자신만의 버전을 얻을 수 있습니다.
예제는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 实例</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1>我的第一个 Bootstrap 页面</h1>
<p>重置窗口大小，查看响应式效果！</p>
</div>
<div class="row">
<div class="col-sm-4">
<h3>第一列</h3>
<p>学的不仅是技术，更是梦想！</p>
<p>再牛逼的梦想,也抵不住你傻逼似的坚持！</p>
</div>
<div class="col-sm-4">
<h3>第二列</h3>
<p>学的不仅是技术，更是梦想！</p>
<p>再牛逼的梦想,也抵不住你傻逼似的坚持！</p>
</div>
<div class="col-sm-4">
<h3>第三列</h3>
<p>学的不仅是技术，更是梦想！</p>
<p>再牛逼的梦想,也抵不住你傻逼似的坚持！</p>
</div>
</div>
</div>
</body>
</html>출력 결과:
관련 권장 사항: 부트스트랩 튜토리얼
위 내용은 부트스트랩은 중국에서 개발되나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!