bboks.net™

Boostrap 기반 datepickerbootstrap-datepicker 근데 요놈을 modal 위에 띄우면 modal 뒤로 숨는 현상이 있다.구글링을 해결 방법이 z-index를 수정하면 된다. [이미지 출처] bootstrap-datepicker[참고] Twitter Bootstrap Datepicker within modal window

자바스크립트 function toggleChevron(e) { $(e.target) .prev('.panel-heading') .find("i.indicator") .toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); } $('#accordion').on('hidden.bs.collapse', toggleChevron); $('#accordion').on('shown.bs.collapse', toggleChevron); [출처] Bootstrap 3 accordion chevron icons

1. Page에 bootstrap-tab.js 링크 추가http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js 2. Tab을 사용하기 위한 html 작성 Home Profile First Tab Second Tab 3. 작성한 html과 tab event을 연결하는 javascript 함수 작성$('#myTab a').click(function (e) { e.preventDefault(); $(this).tab('show'); }) [참고] Bootstrap Tabs

1. Page에 bootstrap-dropdown.js 링크 추가http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js 2. Dropdown을 사용하기 위한 html 작성 Project Name Board Action Another action Something else here Separated link Dropdown 2 Action Another action Something else here Separated link 3. 작성한 html을 Dropdown화(?) 하기 위해 javascript 함수 호출$('.dropdown-toggle').dropdown() [참고] Bootstrap Dropdown