>  기사  >  웹 프론트엔드  >  부트스트랩 플러그인이란 무엇입니까?

부트스트랩 플러그인이란 무엇입니까?

(*-*)浩
(*-*)浩원래의
2019-07-18 10:13:075364검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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