본문 바로가기

분류 전체보기216

[bootstrap.css] col 내용 vertical-align middle 정렬하기 https://medium.com/wdstack/bootstrap-4-vertical-center-1211448a2eff Bootstrap 4 Vertical Center How to vertically align anything medium.com h-100 makes the row full height, and my-auto will vertically center the col-sm-12 column. Card 2020. 4. 20.
[dataTables.js] rowAdd 버튼에 tooltip 있을 경우 rowAdd: function rowAdd() { this.$addButton.tooltip('hide'); 2020. 4. 20.
[dataTables.js] row 추가 row.add() dataTables.js에서 수정시 build: function build() { this.datatable = this.$table.DataTable({ aoColumns: [null, null, null, null, null, { //col개수 "bSortable": false }], lengthMenu: false, searching: false, "info": false, "paging": false }); }, rowAdd: function rowAdd() { data = this.datatable.row.add(['', '', '', '', '', actions]); //col개수 this.datatable.order([0, 'desc']).draw(); //asc:오름차순 desc:내림차순 .. 2020. 4. 20.
kakao 지도 api (주소로 마커 생성 + 클릭한 위치 좌표 출력) 좌표 값을 모를 때 주소를 이용해서 지도로 이동하고, 지도에서 위치를 클릭하여 좌표 값을 얻을 수 있다. 2020. 4. 17.
kakao 지도 api (마커 + 컨트롤 추가) 2020. 4. 17.
meta tag로 width 값 고정하기 name="viewport" content="width=1024"> 2020. 4. 16.
[progressbar.js] 프로그레스 바 만들기 https://jsfiddle.net/kimmobrunfeldt/sqwdkrg0/ Edit fiddle - JSFiddle - Code Playground jsfiddle.net 2020. 4. 15.
[fullpage.js] 반응형 width 이하에서 깨기 $("#fullpage").fullpage({ responsiveWidth: 1025, 1025 미만에서 fullpage가 깨진다. 2020. 4. 15.
[bootstrap.js] multiple modals에서 modal-backdrop 수정하기 $(document).on('show.bs.modal', '.modal', function (event) { var zIndex = 1040 + (10 * $('.modal:visible').length); $(this).css('z-index', zIndex); setTimeout(function() { $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack'); }, 0); }); 2020. 4. 13.

티스토리툴바