Bootstrap
-
211008_modal(로그인화면)Bootstrap 2021. 10. 8. 15:42
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(); });
-
211008_buttonBootstrap 2021. 10. 8. 14:37
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
-
211008_tableBootstrap 2021. 10. 8. 14:37
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