Web/Bootstrap 검색 결과

해당 글 2건

[Bootstrap] modal 사용하기

설치 글 이후에 다음날 게시하려 했지만,, 개인사정으로 이렇게 며칠이 지나고 글을 씁니다😂 (4학년되면 할게 조금은 줄어드는줄 알았더니 아니었네여,,넘바쁨) 부트스트랩의 유용한 기능 중 한가지인 모달 팝업을 사용하기위한 간단한 예시를 게시해볼게요. 저는 보통 로그인 창을 띄우거나 이미지를 누르면 간단한 정보를 보여주거나,,등등 페이지를 이동하지 않고 다른 구성의 창을 보여줘야할 때 유용하게 모달 팝업 기능을 사용하고 있어요! 부트스트랩이 설치되어 있다는 전제하에 진행해볼게요 1. Modal 기본 사용법 Launch demo modal Modal title × ... Close Save changes 버튼을 눌렀을 때, 모달 창이 띄워지게 됩니다. button의 data-toggle 속성을 "modal"로..
Web/Bootstrap 2019. 5. 22. 00:39

[Bootstrap] 부트스트랩 설치법

저는 html, css, js를 활용한 프론트엔드 구현을 할 때 그저 웃음만 날때가 많더라고요ㅜㅜ 제가 구현하면 어쩜 그렇게 조잡한 웹페이지가 나오는지,,,😂 그렇지만 웹과 연관된 프로젝트를 하기위에 필수적으로 다뤄야만 하는 언어이기도하죠! 오늘은 이런 어려움을 조금이나마 완화해주는 프레임워크, 부트스트랩에 대해 이야기 해보겠습니다. 1. 부트스트랩이란? (간단설명) 부트스트랩은 웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크입니다. 쉽게 말하면 하나하나 margin, span맞추고 id며 class며 이것저것 복잡하게 CSS를 구현하지 않아도 되고 기기에 맞게 반응하는 반응형 동작과 사이트를 좀더 멋지게 만들어줄 애니메이션 동작까지 쉽게 사용할 수 있는 "아주 편리한 것"입니..
Web/Bootstrap 2019. 5. 17. 04:48