>  기사  >  웹 프론트엔드  >  부트스트랩은 어떤 프레임워크인가요? 그것은 무엇을 합니까?

부트스트랩은 어떤 프레임워크인가요? 그것은 무엇을 합니까?

藏色散人
藏色散人원래의
2021-12-27 17:03:465053검색

bootstrap은 웹 애플리케이션 및 웹 사이트를 빠르게 개발하기 위한 프런트 엔드 프레임워크입니다. 프레임워크는 HTML, CSS 및 JAVASCRIPT를 기반으로 하며 아름답고 완전한 기능을 갖춘 웹 사이트를 빠르게 구축할 수 있습니다.

부트스트랩은 어떤 프레임워크인가요? 그것은 무엇을 합니까?

이 문서의 운영 환경: Windows 7 시스템, 부트랩 버전 3.3.7, Dell G3 컴퓨터.

부트스트랩은 어떤 프레임워크인가요? 그것은 무엇을 합니까?

Bootstrap은 미국 Twitter Company의 디자이너 Mark Otto와 Jacob Thornton이 개발한 HTML, CSS, JavaScript 기반의 간단하고 직관적이며 강력한 프런트 엔드 개발 프레임워크로, 웹 개발 속도를 높여줍니다. Bootstrap은 동적 CSS 언어 Less로 작성된 우아한 HTML 및 CSS 사양을 제공합니다. Bootstrap은 출시 이후 큰 인기를 끌었으며 NASA의 MSNBC(Microsoft National Broadcasting Company) Breaking News를 포함하여 GitHub에서 인기 있는 오픈 소스 프로젝트였습니다. WeX5 프런트엔드 오픈소스 프레임워크 등 국내 모바일 개발자에게 친숙한 일부 프레임워크도 부트스트랩 소스코드를 기반으로 성능이 최적화됐다.

Bootstrap은 웹 애플리케이션 및 웹사이트의 신속한 개발을 위한 프런트 엔드 프레임워크입니다. 부트스트랩은 HTML, CSS, JAVASCRIPT를 기반으로 합니다.

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

부트스트랩 포함

  • 기본 구조: 부트스트랩은 그리드 시스템, 링크 스타일 및 배경을 갖춘 기본 구조를 제공합니다. 이에 대해서는 부트스트랩 기본 구조 섹션에서 자세히 설명하겠습니다.

  • CSS: Bootstrap에는 전역 CSS 설정, 기본 HTML 요소 스타일 정의, 확장 가능한 클래스 및 고급 그리드 시스템과 같은 기능이 포함되어 있습니다. 이에 대해서는 Bootstrap CSS 섹션에서 자세히 설명하겠습니다.

  • 구성 요소: Bootstrap에는 이미지, 드롭다운 메뉴, 탐색, 경고 상자, 팝업 상자 등을 생성하기 위한 재사용 가능한 구성 요소가 12개 이상 포함되어 있습니다. 이에 대해서는 레이아웃 구성 요소 섹션에서 자세히 설명합니다.

  • JavaScript 플러그인: Bootstrap에는 12개 이상의 사용자 정의 jQuery 플러그인이 포함되어 있습니다. 모든 플러그인을 직접 포함하거나 개별적으로 포함할 수 있습니다. 이에 대해서는 Bootstrap 플러그인 섹션에서 자세히 설명하겠습니다.

  • 사용자 정의: Bootstrap 구성 요소, LESS 변수 및 jQuery 플러그인을 사용자 정의하여 자신만의 버전을 얻을 수 있습니다.

부트스트랩을 사용하는 이유는 무엇인가요?

  • 모바일 우선: Bootstrap 3부터 프레임워크에는 라이브러리 전체에 모바일 우선 스타일이 포함됩니다.

  • 브라우저 지원: 모든 주요 브라우저는 부트스트랩을 지원합니다.

  • 쉬운 시작: HTML과 CSS에 대한 기본 지식만 있으면 Bootstrap 학습을 시작할 수 있습니다.

  • 반응형 디자인: Bootstrap의 반응형 CSS는 데스크톱, 태블릿 및 휴대폰에 적응할 수 있습니다. 반응형 디자인에 대한 자세한 내용은 Bootstrap 반응형 디자인을 참조하세요.

  • 개발자에게 인터페이스 생성을 위한 간결하고 통합된 솔루션을 제공합니다.

  • 강력한 내장 구성 요소가 포함되어 있으며 사용자 정의가 쉽습니다.

  • 웹 기반 사용자 정의도 제공합니다.

  • 오픈소스입니다.

지원되는 구성 요소

Bootstrap에는 이러한 구성 요소를 기반으로 다음 구성 요소를 포함하여 아름답고 완전한 기능을 갖춘 웹 사이트를 빠르게 구축할 수 있습니다.

드롭다운 메뉴, 버튼 그룹, 버튼 드롭다운 메뉴, 탐색, 탐색 표시줄, 경로 탐색, 페이징, 레이아웃, 축소판, 경고 대화 상자, 진행 표시줄, 미디어 개체 등

지원 플러그인

Bootstrap에는 13개의 jQuery 플러그인이 포함되어 있습니다. 플러그인은 Bootstrap 구성 요소에 "생명"을 부여합니다. 여기에는

모달 대화 상자, 탭, 스크롤 막대, 팝업 상자 등이 포함됩니다.

추천 학습: "부트스트랩 비디오 튜토리얼"

위 내용은 부트스트랩은 어떤 프레임워크인가요? 그것은 무엇을 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.