부트스트랩 전체 아키텍처에는 어떤 모듈이 포함됩니까?

자격을 갖춘 프런트엔드 엔지니어라면 Bootstarp 프레임워크에 대해 들어보셨을 것입니다. 실제로 Bootstrap 프레임워크는 가장 널리 사용되는 프런트엔드 프레임워크 중 하나라고 할 수 있습니다. 하지만 어떤 사람들은 부트스트랩이 백엔드와 프론트엔드 초보자를 위한 것이라고 말합니다. 저는 부트스트랩을 배우면 프론트엔드 기술을 향상시킬 수 있으므로 공부해야 한다고 생각합니다.

전체 아키텍처 (권장 학습: Bootstrap 비디오 튜토리얼)

12 그리드 시스템 - 즉, 화면을 12개의 동일한 부분(열)으로 나눕니다. 행을 사용하여 요소를 구성한 다음(각 행은 12개의 열로 구성됨) 콘텐츠를 열 내에 배치합니다. col-md-offset-*를 통해 열 오프셋을 제어합니다.

기본 레이아웃 구성 요소 - Bootstrap은 다양한 기본 레이아웃 구성 요소를 제공합니다. 조판, 코드, 표, 버튼, 양식 등

Jquery - 모든 Bootstrap JavaScript 플러그인은 Jquery에 의존합니다. 이러한 JS 플러그인을 사용하려면 Jquery 라이브러리를 참조해야 합니다. 이것이 바로 Bootstrap의 JS 파일과 CSS 파일 외에도 Jquery 라이브러리를 참조해야 하는 이유입니다.

CSS 구성 요소 - Bootstrap은 많은 CSS 구성 요소를 사전 구현합니다. 드롭다운 상자, 버튼 그룹, 탐색 등 즉, 부트스트랩 콘텐츠는 많은 CSS 스타일을 정의하는 데 도움이 되었으며 이러한 스타일을 드롭다운 상자와 같은 이전 요소에 직접 적용할 수 있습니다.

JavaScript 플러그인 - 부트스트랩은 프롬프트 상자 및 모달 창과 같은 효과를 얻기 위해 JS 코드를 다시 작성할 필요 없이 제공되는 플러그인을 사용하여 몇 가지 일반적인 기능을 완료할 수도 있습니다. .

반응형 디자인 - 이것이 디자인 컨셉입니다. 반응형은 화면 크기에 따라 페이지를 자동으로 조정하므로 프런트 엔드 페이지가 다양한 크기의 화면에서 잘 작동할 수 있음을 의미합니다.

Bootstrap은 위와 같은 부분으로 구성되어 있습니다.

Bootstrap과 관련된 더 많은 기술 기사를 보려면 Bootstrap Tutorial 칼럼을 방문하여 알아보세요!

위 내용은 부트스트랩 전체 아키텍처에는 어떤 모듈이 포함됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!