Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 리액트
- 바이트디그리
- bucket list
- 코딩
- nomadcoders
- free react course
- JavaScript
- 이메일 코딩
- 내일배움카드
- object-oriented programming
- 자바스크립트
- 패스트캠퍼스
- 국비지원
- redux
- ENFJ포스팅
- 무료리액트강의
- React & Redux로 시작하는 웹 프로그래밍
- 노마드코더
- ENFJ
- 반응형
- HTML
- 객체지향
- 버킷리스트
- REACT강의
- CSS
- class
- react
- 반응형 이메일
- K디지털기초역량훈련
Archives
- Today
- Total
목록모달 (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" 코드를 ..
to FED
2022. 12. 10. 21:00