개발자를 꿈꾸는 여정

FLEX Flex 정렬 Container 배치 : Justify content ... ... ... ... ... Flex 정렬 Container 배치 : Align items ... ... ... ... ... Flex 정렬 item 배치 : Align self Aligned flex item Aligned flex item Aligned flex item Aligned flex item Aligned flex item Flex 정렬 item 배치 : Align content ... ... ... ... ... ... Horizontal alignment Center text Center image https://mdbootstrap.com/img/logo/mdb192x192.jpg" class="im..

부트스트랩이란 ? Twitter 에서 개발한 UI 라이브러리 탄생이유 1. 웹사이트 개발의 시간 간소화 2. 모바일 환경에 적합한 반응형 웹사이트 개발 참고사이트 가이드 : http://bootstrapk.com/css/#overview 문법적용 div class="문법" [클래스에는 중복값 다수값이 가능함으로 "" 사이에 이를 이용한다 ] Color bg-white -warning -danger Size fa-3x Padding // Margin mx-숫자 || px-숫자 || my-숫자 || py-숫자 mt- || pt- || mb- || pb- || ml- || pl- || mr- || pr- Align (Container) justify-content-between align-items-cente..

1. 부트스트랩 설치 1-1. html or jsp 파일 내부에 부트스트랩 코드 설치 : https://getbootstrap.kr/ ** CDN : 웹 코드 가져오기 [ 별도 파일 존재하지 않음 ] Bootstrap 세계에서 가장 인기있는 HTML, CSS, JS 라이브러리. getbootstrap.kr - css 설치 - script 설치 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 Insert title here Colored by Color Scripter cs HTML 이나 JSP 중 기본 코드에 css 소스파일 script 소스파일을 넣어서 외부 작업파일에서 을 쓰면 되겠다. 2. 부트스트랩 그리드 : Grid system ·..