🔮 Bootstrap - Select Picker 메뉴 스타일

Select Picker

선택상자에 css디자인을 입혀주고 자바스크립트와의 동적 동작을 지원해주는 라이브러리 이다.

---

Select Picker 다운 & 사용

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.18/dist/css/bootstrap-select.min.css">

<!-- Latest compiled and minified JavaScript 한국어 번역 파일 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/js/i18n/defaults-ko_KR.min.js"></script>

<!-- selectpicker 라는 클래스를 부여한다. -->
<select class="my-select selectpicker">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Barbecue</option>
</select>

$('.my-select').selectpicker(); // select피커 작동

---

Select Picker 다양한 컴포넌트 예시

Examples | bootstrap-select · SnapAppointments Developer