부트 스트랩이란 무엇입니까?
Bootstrap은 웹 응용 프로그램 및 웹 사이트의 빠른 개발을위한 프론트 엔드 프레임 워크입니다. Bootstrap은 HTML, CSS 및 JavaScript를 기반으로합니다.
역사
Bootstrap은 Twitter의 Mark Otto와 Jacob Thornton에 의해 개발되었습니다. Bootstrap은 2011 년 8 월 Github에서 출시 된 오픈 소스 제품입니다.
부트 스트랩 패키지의 내용
기본 구조 : 부트 스트랩은 그리드 시스템, 링크 스타일 및 배경으로 기본 구조를 제공합니다. 이것은 부트 스트랩 기본 구조 섹션에 자세히 설명됩니다.
CSS : Bootstrap에는 다음과 같은 기능이 제공됩니다. 전역 CSS 설정, 기본 HTML 요소 스타일의 정의, 확장 가능한 클래스 및 고급 그리드 시스템. 이것은 부트 스트랩 CSS 섹션에 자세히 설명됩니다.
구성 요소 : 부트 스트랩에는 이미지, 드롭 다운 메뉴, 내비게이션, 경고 상자, 팝업 박스 등을 만들기위한 12 개 이상의 재사용 가능한 구성 요소가 포함되어 있습니다. 이것은 레이아웃 구성 요소 섹션에서 자세히 설명합니다.
JavaScript 플러그인 : Bootstrap에는 12 개 이상의 커스텀 jQuery 플러그인이 포함되어 있습니다. 모든 플러그인을 직접 또는 하나씩 포함시킬 수 있습니다. 이것은 부트 스트랩 플러그인 섹션에 자세히 설명됩니다.
사용자 정의 : 부트 스트랩 구성 요소, 더 적은 변수 및 jQuery 플러그인을 사용자 정의하여 자신의 버전을 얻을 수 있습니다.
프로젝트에서 우리는 종종 지방, 도시 및 카운티 선택을 볼 수 있습니다. 실제로,이를 구현하는 방법에는 여러 가지가 있습니다. 다음 편집자는 스마트 형태의 부트 스트랩에서 부트 스트랩 캐스케이드 풀다운의 지원을 소개합니다. 특정 소개는 다음과 같습니다.
1. 첫 번째 레벨을 선택할 때 로컬 객체에서 첫 번째 레벨의 해당 데이터 소스를로드하거나 사용하여 목록에 표시 할 수 있습니다.
2. 또한 모든 항목을 선택에로드 한 다음 연관성을 통해 이전 레벨과 관련이없는 항목을 표시하거나 숨기는 것도 있습니다.
두 번째 유형이 더 간단하다고 생각하므로 두 번째 방법을 사용하여 달성했으며 나머지는 말도 안됩니다.
코드는 다음과 같습니다 (페이지 주소 : https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form3-ele-cascade.html) :
로컬 달리기 스크린 샷 :
위의 내용은 편집자가 소개 한 Bootstrap Smart Form Practical Series (11) Cascading 풀다운의 지원에 대한 자세한 설명입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!