부트스트랩은 기술인가, 프레임워크인가?
- 青灯夜游원래의
- 2021-11-05 13:56:232411검색
부트스트랩은 프레임워크입니다. 부트스트랩은 웹 애플리케이션과 웹사이트의 신속한 개발을 위한 프론트엔드 프레임워크로, 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>
효과는 다음과 같습니다:
볼 수 있습니다:
웹 사이트를 빠르게 작성하려면 제공하는 스타일과 구성 요소를 사용하세요
몇 가지만 참조하면 됩니다. 정의된 클래스, 즉 클래스 Name을 사용하면 이미 매우 아름다운 스타일을 갖춘 웹 페이지를 만들 수 있고, 자체 적응도 지원하므로 매우 좋은 프레임워크입니다.
간단히 말하면, 해당 클래스, 태그 이름 등의 의미만 이해하면 되며, 페이지를 구축할 때 부트스트랩의 JS, CSS 등을 가져오면 해당 효과가 나타납니다.
추천 학습: "부트스트랩 사용 튜토리얼"
위 내용은 부트스트랩은 기술인가, 프레임워크인가?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!