728x90
반응형
https://getbootstrap.com/docs/4.4/components/modal/
가져와서 붙이면 된다!
<div class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">모달 제목</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>검색하시겠습니까?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">아니요</button>
<button type="button" class="btn btn-primary">네</button>
</div>
</div>
</div>
</div>
위 코드를 응용해서 아래처럼 만들었다!
728x90
반응형
'Tip' 카테고리의 다른 글
[React] No 'Access-Control-Allow-Origin' header is present on the requested resource. 해결방법 / server socket 연결하기 (0) | 2021.06.05 |
---|---|
[React] Cannot find module 'socket.io' 해결법 -1 (0) | 2021.06.05 |
SpringBoot 에서 한글 오류 날 때(foreign key) (0) | 2021.05.29 |
SpringBoot 에서 한글 오류 날 때 (0) | 2021.05.28 |
SpringBoot Gradle 에서 symbol method builder() 에러 (0) | 2021.05.28 |