Bootstrap

[CSS][Bootstrap] Spinner 화면 중앙 위치하도록 설정하는 방법 Bootstrap4 - spinners spinner, 즉 loading 표시를 화면 가운데(중앙)에 위치하도록 하기 위에서는 아래와 같이 css에 추가해주면 된다. .spinner { display: block; position: fixed; z-index: 1031; top: calc( 50% - ( ...px / 2) ); /* where ... is the element's height */ right: calc( 50% - ( ...px / 2) ); /* where ... is the element's width */ } top과 right의 ... 은 각자 자신에게 맞는 요소 크기를 입력해 주면 된..

[JavaScript] Bootstrap Modal 닫힘 방지 방법 Modal 밖 영역 눌렀을 때 자동 닫힘 방지 방법1. HTML 방법2. JavaScript $('#modal').modal({ backdrop: 'static' }) 키보드 ESC 눌렀을 때 자동 닫힘 방지 ( KeyEvent 방지 ) 방법1. HTML 방법2. JavaScript $('#modal').modal({ keyboard: false }) [참고] https://stackoverflow.com/questions/16152073/prevent-bootstrap-modal-from-disappearing-when-clicking-outside-or-pressing-esca

[JavaScript] Bootstrap-Select 관련 ** bootstrap-select https://developer.snapappointments.com/bootstrap-select/ 1) $().selectpicker()는 $(document).ready() 안에 선언해야 한다. 밖에 선언할 경우 아래와 같은 오류 발생한다. 2) bootstrap-select는 아직까지 bootstrap4를 완벽히 지원하지 않는다고 한다. [#2109] elements with .form-control class don't adjust height properly since Bootstrap 4.1.3 -> bootstrap4의 js 파일이 아닌 css 파일이 제대로 적용되지 않는 것 같다. -> css는..

[NodeJS] Popper.js 추가 오류 해결 방법 부트스트랩(Bootstrap)을 사용하기 위해 popper.min.js파일을 인터넷에서 다운 받은 후 HTML 에 추가하니 아래와 같이 ENOENT 파일을 찾을 수 없다는 오류가 발생했다. popper.min.js.map 파일이 없다고 한다. popper.min.js 파일만 다운받아 저장해서 그렇다. 그래서 npm으로 popper.js를 설치하면 dependency 파일까지 설치 될테니, $ npm i popper.js 로 popper 를 설치 한 후 HTML에 추가하니 또 오류가 발생했다. index.js 파일에 오류가 발생했다고 한다. Defaults 부분이 오류 났다는데, 원인을 모르겠다. 그래서 그냥, npm 으로 다운 받은 popper.js..

[JavaScript] popper.min.js.map 파일 (참고) stackoverfolw 에서 찾은 popper.min.js.map 파일