부트스트랩은 기술인가, 프레임워크인가?-프런트엔드 Q&A-php.cn

부트스트랩은 기술인가, 프레임워크인가?

青灯夜游

풀어 주다： 2021-11-05 14:01:04

원래의

2381명이 탐색했습니다.

부트스트랩은 프레임워크입니다. 부트스트랩은 웹 애플리케이션과 웹사이트의 신속한 개발을 위한 프론트엔드 프레임워크로, HTML, JavaScript, CSS를 기반으로 개발된 프레임워크로 주로 반응형 웹사이트의 구조와 레이아웃에 사용됩니다.

부트스트랩은 기술인가, 프레임워크인가?

이 튜토리얼의 운영 환경: Windows 7 시스템, bootsrap 버전 3.3.7, DELL G3 컴퓨터

Bootstrap은 웹 애플리케이션 및 웹 사이트의 신속한 개발을 위한 프런트 엔드 프레임워크입니다. , JavaScript 및 CSS. 반응형 웹사이트의 구조 및 레이아웃에 주로 사용되는 프레임워크입니다.

부트스트랩의 출현은 주로 웹 작업자의 작업을 단순화하기 위한 것이며 여기에는 JavaScript의 동적 조정도 포함됩니다.

Bootstrap의 이점

모바일 우선: Bootstrap 3부터 프레임워크에는 전체 라이브러리에 걸쳐 모바일 우선 스타일이 포함됩니다.
브라우저 지원: 모든 주요 브라우저는 부트스트랩을 지원합니다.
쉬운 시작: HTML과 CSS에 대한 기본 지식만 있으면 Bootstrap 학습을 시작할 수 있습니다.
반응형 디자인: Bootstrap의 반응형 CSS는 데스크톱, 태블릿 및 휴대폰에 적응할 수 있습니다.
개발자에게 인터페이스 생성을 위한 간결하고 통합된 솔루션을 제공합니다.
강력한 내장 구성 요소가 포함되어 있으며 사용자 정의가 쉽습니다.
웹 기반 사용자 정의도 제공합니다.
오픈소스입니다.

웹사이트 텍스트 표시를 만들어야 한다면 그렇죠. 직접 작성한다면 코드를 많이 작성해야 하지만, 부트스트랩 프레임워크를 사용하여 작성한다면 HTML 태그만 작성하면 됩니다. 그리고 수업 이름을 불러주세요! 코드는 아래와 같습니다:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 强调</title>
	<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>
 
<small>本行内容是在标签内</small><br>
<strong>本行内容是在标签内</strong><br>
<em>本行内容是在标签内，并呈现为斜体</em><br>
<p class="text-left">向左对齐文本</p>
<p class="text-center">居中对齐文本</p>
<p class="text-right">向右对齐文本</p>
<p class="text-muted">本行内容是减弱的</p>
<p class="text-primary">本行内容带有一个 primary class</p>
<p class="text-success">本行内容带有一个 success class</p>
<p class="text-info">本行内容带有一个 info class</p>
<p class="text-warning">本行内容带有一个 warning class</p>
<p class="text-danger">本行内容带有一个 danger class</p>
 
</body>
</html>

로그인 후 복사

효과는 다음과 같습니다:

부트스트랩은 기술인가, 프레임워크인가?