> 웹 프론트엔드 > 프런트엔드 Q&A > 부트스트랩이란 무엇이며 장점은 무엇입니까?

부트스트랩이란 무엇이며 장점은 무엇입니까?

青灯夜游
풀어 주다: 2021-12-28 15:07:09
원래의
5218명이 탐색했습니다.

bootstrap은 HTML, CSS 및 JavaScript를 기반으로 하는 프런트 엔드 프레임워크로, 웹 애플리케이션의 신속한 개발을 위해 설계된 프런트 엔드 툴킷입니다. 장점은 다음과 같습니다. 1. 반응형 레이아웃을 구현하고 반응형 레이아웃 웹사이트를 개발하는 것이 매우 편리합니다. 2. 통합 코딩 스타일 3. 간단하고 작성하기 쉽습니다.

부트스트랩이란 무엇이며 장점은 무엇입니까?

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

Bootstrap이란 무엇입니까

Bootstrap은 HTML을 기반으로 하는 Twitter의 오픈 소스 프런트 엔드 프레임워크입니다. CSS, 그리고 자바스크립트. 웹 애플리케이션의 신속한 개발을 위해 설계된 프런트 엔드 툴킷입니다. 반응형 레이아웃을 지원하며 V3 버전 이후 모바일 장치 우선순위를 준수합니다.

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

콘텐츠 포함

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

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

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

  • 여기에는 드롭다운 메뉴, 버튼 그룹, 버튼 드롭다운 메뉴, 탐색, 탐색 표시줄, 경로 탐색, 페이징, 레이아웃, 썸네일, 경고 대화 상자, 진행률 표시줄, 미디어 개체 등의 구성 요소가 포함되어 있습니다.

  • JavaScript 플러그인: Bootstrap에는 Bootstrap의 구성 요소에 "생명"을 제공하는 13개의 jQuery 플러그인이 함께 제공됩니다. 여기에는 모달 대화 상자, 탭, 스크롤 막대, 팝업 상자 등이 포함됩니다.

부트스트랩의 장점과 단점

장점:

  • 반응형 레이아웃을 구현할 수 있고, 반응형 레이아웃 웹사이트 개발이 매우 편리합니다.

  • 통합 코딩 스타일

  • 간단하고 작성하기 쉬움

  • 빠른 개발을 위한 자세한 문서

  • 모바일 기기 우선

  • 성숙한 성능, 다수의 프로젝트에서 테스트됨

단점:

  • 호환성 있음 문제, ie6 다음은 지원되지 않습니다

  • sass를 지원하지 않습니다

  • 사용자 정의를 사용하면 중복된 코드가 많이 생성됩니다

  • 탐색 페이지를 클릭하여 해당 위치를 직접 전환하면 효과는 마치 스크롤 애니메이션 없는 앵커 포인트

추천 학습 : "부트스트랩 사용법 튜토리얼"

위 내용은 부트스트랩이란 무엇이며 장점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿