Bootstrap 4 를 이용한 Login Form (로그인 폼) 만들기
최근에 Bootstrap 4가 정식 릴리즈 되었네요. 사무실에서 사용할 Web-base의 PHP로 된 프로그램을 제작하면서 몇몇 디자인 폼 들을 공개할까 생각중입니다. 뭐 대단한것은 아니지만요.
가장 기본적인 Bootstrap 4 만을 CDN으로 불러와서 아주 살짝 디자인적 요소만 CSS로 바꾸어 만든 로그인 폼입니다. jsfiddle을 이용해서 소스를 공개했습니다. 개인적으로 jsfiddle의 가장 좋은 점은 결과를 보여줄수 있다는 점이니까요. 결과물을 보고 이녀석을 사용할것인지 말것인지 쉽게 판단이 서니 좋은것 같아요.
CSS에서 Rounded Corner, Drop Shadow, background gradient (대각선방향) 등을 사용하였으니 다른곳에도 참고할 내용이 있을것 같습니다.
Ajax를 이용한 로그인체크나 세션처리, 혹은 Error 메세지 처리를 위한 modal 등은 들어있지 않습니다. 그정도는 개인이 각자 알아서 넣으실수 있겠죠 ^^;;
감사합니다!!! 아직 배우는 단계의 초보개발자인데 css를 몰라서 소스를 참고해갑니다….^^
넵 특별할것 없으니 마음껏 사용하세요 +_+!
감사히 잘쓰겠습니다
안녕하세요 초보개발자입니다. 이글보고 정말 많은 도움이 됐습니다! 감사합니다!!!!!!!
간단한 내용이지만 도움이 되셨다니 기분이 좋네요 ^-^;;;