////

DOCTYPE html> Insert title here .modal-header,h4,close { background-color: #ff69b4; color: white; text-align: center; font-size: 30px; } .modal footer{ background-color: #db7093; } .modal content{ border-radius: 20px; overflow: hidden; } Modal Login Example Login × Login User name Password Remember Login Cancel $("#myBtn").click(function() { $("#myModal").modal(); });

DOCTYPE html> Insert title here 윈도우 오픈 $("#btn1").click(function() { window.open("ex5_boot_image.html","","width=400,height=300,left=300,top=200"); }); Modal Example Open Large Modal × 아이디 인증 당신의 아이디를 인증하세요 인증하기 Close

DOCTYPE html> Insert title here 부트스트랩 이미지들 부트스트랩 이미지들 좋아요 싫어요 Search Downloads Home

DOCTYPE html> Insert title here Large Buttons btn btn-default btn-success btn-danger btn-info btn-warning Medium Buttons btn btn-default btn-success btn-danger btn-info btn-warning Small Buttons btn btn-default btn-success btn-danger btn-info btn-warning Very Small Buttons btn btn-default btn-success btn-danger btn-info btn-warning 버튼 그룹들 ADD UPDATE LIST ADD UPDATE LIST ADD UPDATE LIST

DOCTYPE html> Insert title here 테이블디자인연습_부트스트랩_#1 First Name Last Name E_Mail 홍 길동 hkd@gmail.com 박 명수 djpark@gmail.com 유 재석 mcy@gmail.com 테이블디자인연습_부트스트랩_#2 First Name Last Name E_Mail 홍 길동 hkd@gmail.com 박 명수 djpark@gmail.com 유 재석 mcy@gmail.com 테이블디자인연습_부트스트랩_#3 First Name Last Name E_Mail 홍 길동 hkd@gmail.com 박 명수 djpark@gmail.com 유 재석 mcy@gmail.com