집 >웹 프론트엔드 >부트스트랩 튜토리얼 >부트스트랩 플러그인이란 무엇입니까?
부트스트랩 플러그인이란 무엇입니까?
- (*-*)浩원래의
- 2019-07-18 10:13:075435검색
Bootstrap에는 기능이 확장되고 사이트에 더 많은 상호 작용을 추가할 수 있는 12개의 jQuery 플러그인이 함께 제공됩니다. 고급 JavaScript 개발자가 아니더라도 Bootstrap의 JavaScript 플러그인 학습을 시작할 수 있습니다.
Bootstrap Data API를 사용하면 코드를 작성하지 않고도 대부분의 플러그인을 실행할 수 있습니다. (추천 학습: Bootstrap 비디오 튜토리얼)
Transition 플러그인은 간단한 전환 효과를 제공합니다.
Transition.js는 TransitionEnd 이벤트 및 CSS 전환 효과 시뮬레이터를 위한 기본 도우미 클래스입니다. CSS 전환 지원을 확인하고 전환 효과를 얻기 위해 다른 플러그인에서 사용됩니다.
Modal 플러그인
Modal은 상위 폼을 덮는 하위 폼입니다. 일반적으로 목적은 상위 양식을 벗어나지 않고도 상호 작용이 가능한 별도 소스의 콘텐츠를 표시하는 것입니다. 하위 양식은 정보, 상호 작용 등을 제공합니다.
드롭다운 플러그인
드롭다운 플러그인을 사용하면 모든 구성 요소(예: 탐색 모음, 탭 페이지, 캡슐 탐색 메뉴, 버튼 등)에 드롭다운 메뉴를 추가할 수 있습니다.
Scrollspy 플러그인
자동 업데이트 탐색 플러그인인 Scrollspy 플러그인은 스크롤 막대의 위치에 따라 해당 탐색 대상을 자동으로 업데이트합니다. 기본 구현은 스크롤할 때 스크롤 막대의 위치를 기반으로 탐색 막대에 .active 클래스를 추가하는 것입니다.
Tab Plugin
Tab 일부 데이터 속성을 결합하여 탭 인터페이스를 쉽게 만들 수 있습니다. 이 플러그인을 사용하면 탭, 캡슐 탭 또는 드롭다운 메뉴 탭에 콘텐츠를 배치할 수 있습니다.
Tooltip 플러그인
Tooltip은 링크를 설명할 때 매우 유용합니다. Tooltip 플러그인은 Jason Frame이 작성한 jQuery.tipsy에서 영감을 받았습니다. 예를 들어, 도구 설명 플러그인은 이미지에 의존할 필요가 없지만 대신 CSS를 사용하여 애니메이션 효과를 얻고 데이터 속성을 사용하여 제목 정보를 저장합니다.
팝오버 플러그인
팝오버는 툴팁과 유사하여 확장된 보기를 제공합니다. 팝오버를 활성화하려면 사용자가 해당 요소 위로 마우스를 가져가면 됩니다. 팝업 상자의 내용은 Bootstrap Data API를 사용하여 완전히 채울 수 있습니다. 이 방법은 도구 설명에 의존합니다.
알림 플러그인
알림 메시지는 대부분 최종 사용자에게 경고나 확인 메시지와 같은 정보를 표시하는 데 사용됩니다. 경고 플러그인을 사용하면 모든 경고 메시지에 해제 기능을 추가할 수 있습니다.
Button 플러그인
Button은 Bootstrap Button 장에서 소개되었습니다. 버튼 플러그인을 사용하면 버튼 상태 제어와 같은 일부 상호 작용을 추가하거나 다른 구성 요소(예: 도구 모음)에 대한 버튼 그룹을 생성할 수 있습니다.
Collapse Plugin
Collapse 플러그인을 사용하면 페이지 영역을 쉽게 접을 수 있습니다. 아코디언 탐색 또는 콘텐츠 패널을 만드는 데 사용하든 다양한 콘텐츠 옵션을 허용합니다.
Carousel Plugin
Bootstrap Carousel Plugin은 사이트에 슬라이더를 추가하는 유연하고 반응이 빠른 방법입니다. 그 외에도 콘텐츠는 충분히 유연하며 이미지, iframe, 비디오 또는 배치하려는 기타 유형의 콘텐츠일 수 있습니다.
추가 탐색(Affix) 플러그인
추가 탐색(Affix) 플러그인을 사용하면
Bootstrap과 관련된 더 많은 기술 기사를 보려면 Bootstrap Tutorial 칼럼을 방문하여 알아보세요!
위 내용은 부트스트랩 플러그인이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!