Notice
Recent Posts
Recent Comments
Link
250x250
반응형
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- 객체지향
- 자바스크립트
- 국비지원
- Dispatch
- 퍼블리싱
- prototype
- 반응형 이메일
- class
- 반응형
- JavaScript
- coding
- React & Redux로 시작하는 웹 프로그래밍
- CSS
- 이메일 코딩
- react
- 코딩
- HTML
- REACT강의
- 웹디자인
- 패스트캠퍼스
- redux
- scss
- XHTML
- ENFJ포스팅
- object-oriented programming
- 내일배움카드
- 바이트디그리
- K디지털기초역량훈련
- ENFJ
Archives
- Today
- Total
목록bootstrap (1)
취미부자의 취미 버리기
[bootstrap] 이중 모달 Modal 해결
이중 모달 Modal(nested modal) Bootstrap Modal을 사용하는데, 공식 사이트에서도 UX 측면으로 좋다고 판단하지 않아서 모달 내부에 모달(Nested Modal)이 동작되는 기능은 지원은 하고 있지 않다. 그래도 내부 모달을 사용해야 하는 경우가 있다... 문제점 두 번째 모달(모달B)을 끄면 첫 번째 모달(모달A)은 켜져 있지만 스크롤이 되고 모달A가 중앙에 정렬되지 않는다. 문제1) body에서 'modal-open' 클래스가 사라진다. 문제2) body에서 'padding-right: 17px'이 사라진다. 해결방법 1 모달B가 열릴 때, 모달A를 닫는 방법 그러기 위해서, 모달B를 켜는 버튼에 data-dismiss="modal" aria-label="Close" 코드를 ..
Programming/🔥문제발생
2022. 12. 10. 21:00