일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- varags
- asp.net
- MS-SQL
- Eclipse
- scrollView
- WebView
- 안드로이드
- SpringSource Tool Suite
- MSsql
- 웹 서비스
- MANTIS
- Android
- Redirect
- Web Service
- STS
- html
- C#
- 자바
- 컬럼명
- TextBox
- Bootstrap
- decompiler
- Java
- 이클립스
- 자바스크립트
- jsp
- Apache Lucene
- 웹뷰
- Maven
- javascript
- Today
- Total
목록Bootstrap (4)
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