개발자 수강노트/bootstrap5 수강노트 - 부트스트랩 form 1. 기본 form - form-group 클래스 하위에 label 테그와 input 테그로 구성 - input, textarea, select 테그의 class 속성값에 form-control 클래스 값 부여 - checkbox, radio 타입은 checkbox, radio 클래스 하위에 label과 input 테그로 구성 container는 좌우 여백이 있지만 container-fulid는 좌우로 꽉찬 레이아웃, 무조건 100%의 width를 갖는다. - select문 에서 multiple은 원래 select 에 있는 속성이며 다중선택이 가능한 속성이다. - form-group은 입력폼에 있는 요소들과 타이틀을 그룹핑 할 때 쓰인다. form-control은 부모테그의 넓이 100%로 크기를 변환해.. 2022. 8. 8. 수강노트 - bootstrap 반응형 웹사이트 구현하기 1. 네비게이션 Toggle navigation Brand Link Link2 Link3 Link4 ▼ 2. 캐러셋 (슬라이드쇼) Previous Next 3. 테이블 Optional table caption. # First Name Last Name Username 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry the Bird @twitter Optional table caption. # First Name Last Name Username 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry the Bird @twitter Optional table caption. # First Name Last Name Username 1 Mark.. 2022. 8. 8. 수강노트 - 부트스트랩 무료 템플릿을 활용한 응용 부트스트랩 무료 템플릿을 활용한 응용 https://startbootstrap.com/ Free Bootstrap Themes, Templates, Snippets, and Guides - Start Bootstrap Landing Page A clean, functional landing page theme startbootstrap.com 무료 템플릿 다운 받을 수 있는 사이트에서 위 무료 템플릿을 다운 받은 후 압축을 풀어준다. 이클립스에서 새 프로젝트 생성 - resource폴더 생성 - resource폴더에 압출풀어준 폴더를 복사+붙여넣기 해준다. - 붙여넣기 한 압축폴더를 펼쳐보면 3개의 폴더와 html파일들이 쭉 뜬다. index.html 열어서 전체코드를 복사 한다 (.. 2022. 7. 31. 수강노트 - bootstrap, bootstrap : 그리드시스템 : 부트스트랩 설정 - 부트스트랩의 css, js 파일과 html5문서, html5의 메타테그가 필요 메타테그 1) ie브라우저의 최신 문서 모드로 변환해주는 메타테그 2) 사용자의 디바이스 크기에 맞춰 사이트의 전체 가로크기 100% 맞춰주는 메타테그 - 제이쿼리 : bootstrap.js의 상위에 제이쿼리 파일이 있어야한다. - ie 9이하 버전에서 (html5 미지원 브라우저) 에서 화면이 깨지지 안도록 만들어 주는 js파일 삽입 / 부트스트랩 그리드 시스템 - 부트스트랩으로 반응형 웹을 구현해야 할 경우 사용 - .container 또는 .container-fulid 클래스가 필요 (적절한 정렬과 패딩) - 1행을 표현할 때는 row 라는 클래스를 쓴다. - 디바이스 크기.. 2022. 7. 31. 수강노트 - bootstrap 이클립스 워크스페이스내에 폴더배치하기 / 이클립스 워크스페이스내에 폴더배치하기 http://bootstrapk.com/ 부트스트랩 사이트에 들어가서 아래와 같이 다운로드를 눌러 다운을 받아준다. https://jquery.com/ jQuery Download jQuery v3.6.0 The 1.x and 2.x branches no longer receive patches. View Source on GitHub → How jQuery Works → Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well a.. 2022. 7. 31. 이전 1 다음
