반응형 💻 1. 웹개발_Front end/1-6 Bootstrap7 [BootStrap] 07. BootStrap5 무료 템플릿 사이트 1. themewagon https://themewagon.com/theme-framework/bootstrap-5/ Bootstrap 5 Templates - Free Bootstrap Themes for Responsive & Optimized HTML5 Websites A huge open source collection of free bootstrap 5 templates. ThemeWagon offers a great collection of full, multi-page website themes and templates built with Bootstrap 5. themewagon.com 2. getbootstrap https://getbootstrap.com/docs/5.0/examples.. 2021. 9. 27. [BootStrap] 06. 수직 목록 1. 수직 목록 1) 수직목록 BootStrap HTML5 Geolaction Drag and Drop Motion CSS3 ECMAScript5 Node.js API Node.js API HTML5 CSS3 ECMAScript5 Jquery API About Help Bluberry 북아메리카를 비롯한 북반구 전역에 분포하는 식물 및 열매. 북아메리카 등지에서 품종개량 등을 활발하게 한다. 이름과 달리 딸기, 라즈베리, 블랙베리 등의 베리류와는 전혀 관계가 없는 진달래과 식물로, 진달래과에 속하는 베리로는 크랜베리(넌출월귤), 월귤(링곤베리), 빌베리 등이 있다. 북아메리카를 비롯한 북반구 전역에 분포하는 식물 및 열매. 북아메리카 등지에서 품종개량 등을 활발하게 한다. 이름과 달리 딸기, 라즈베리, .. 2021. 9. 23. [BootStrap] 05. 기타 요소 1. 로그인 폼 1) 로그인 폼 비트캠프 아이디 비밀번호 기억하기 2) 로그인 폼 비트캠프 아이디 비밀번호 기억하기 2. 버튼 1) 버튼 형태 로그인 로그인 주요 버튼 성공 버튼 정보 버튼 경고 버튼 위험 버튼 링크 버튼 a 버튼 light 버튼 dark 버튼 2) 버튼 테두리 primary secondary success warning danger info light dark 3) 버튼 크기 로그인 로그인 로그인 로그인 3. 드롭다운 1) 드롭다운 사서 대학 논어 중용 맹자 채근담 4. 버튼그룹 1) 버튼그룹 Left Middel Right Left Middel Right Left Middel Right 2) 버튼그룹 – 체크박스, 라디오버튼 Checkbox 1 Checkbox 2 Checkbox 3 .. 2021. 9. 23. [BootStrap] 04. 그리드 시스템 1. 그리드 시스템 1) 그리드 시스템 ① BootStrap 그리드 시스템은 일련의 컨테이너, 행, 열을 사용하여 콘텐츠를 레이아웃화하고 정렬함. ② 작동 원리 - 6개의 반응형 중단점(중단점은 미디어쿼리의 min-width 기준) - 컨테이너는 콘텐츠를 중앙에 배치 후에 양 옆을 채우는 방식 - 행은 열의 래퍼 - 열은 매우 유연함. 12개의 열까지 나눌 수 있음. ③ BootStrap 반응형 다단레이아웃 구성표 2) 모든 중단점 col col col col col col col col col col col col col-8 col-4 3) 가변길이 그리드 1 of 3 Variable width content 3 of 3 1 of 3 Variable width content 3 of 3 4) 수평 중첩.. 2021. 9. 23. [BootStrap] 03. 툴바 1. 툴바 1) 일반형 툴바 ⓛ 툴바가 상단에 위치하여 스크롤을 내렸을 때 보이지 않는 툴바 2) 고정형 툴바 ⓛ 툴바가 스크롤 이동과 함께 이동하는 툴바 3) 예제 – normal-toolbar-001.html BootStrap Bluberry 북아메리카를 비롯한 북반구 전역에 분포하는 식물 및 열매. 북아메리카 등지에서 품종개량 등을 활발하게 한다. 이름과 달리 딸기, 라즈베리, 블랙베리 등의 베리류와는 전혀 관계가 없는 진달래과 식물로, 진달래과에 속하는 베리로는 크랜베리(넌출월귤), 월귤(링곤베리), 빌베리 등이 있다. 북아메리카를 비롯한 북반구 전역에 분포하는 식물 및 열매. 북아메리카 등지에서 품종개량 등을 활발하게 한다. 이름과 달리 딸기, 라즈베리, 블랙베리 등의 베리류와는 전혀 관계가 없.. 2021. 9. 23. [BootStrap] 02. 레이아웃 1. Fixed/Fluid 레이아웃 1) Fixed 레이아웃 ⓛ 고정된 너비를 사용하는 레이아웃을 Fixed 레이아웃이라고 함 ② 네이버 메인페이지는 1080px로 너비가 고정된 Fixed 레이아웃 2) Fluid 레이아웃 ⓛ 화면 크기에 따라 레이아웃 전체 크기가 변하는 레이아웃이 Fluid 레이아웃 ② 트위치 홈페이지가 대표적인 Fluid 레이아웃 3) 예제 – layout-001.html Bluberry 북아메리카를 비롯한 북반구 전역에 분포하는 식물 및 열매. 북아메리카 등지에서 품종개량 등을 활발하게 한다. 이름과 달리 딸기, 라즈베리, 블랙베리 등의 베리류와는 전혀 관계가 없는 진달래과 식물로, 진달래과에 속하는 베리로는 크랜베리(넌출월귤), 월귤(링곤베리), 빌베리 등이 있다. 북아메리카를 .. 2021. 9. 23. [BootStrap] 01. BootStrap 시작하기 1. BootStrap이란 1) BootStrap이란 ① BootStrap은 트위터에서 제공하는 웹 페이지 디자인 프레임워크 ② BootStrap을 사용하면 누구나 쉽고 빠르게 반응형 웹 사이트 구현 가능 ③ HTML, CSS, Javascript, Jquery와 연동 가능 2. BootStrap설치 1) BootStrap설치 ① https://getbootstrap.com/ 접속 Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com ② Download 버튼 클릭 ③ Compiled CSS and JS Download 버튼 클릭 ④ 압축 해제 후 폴더 안의 js, css폴더 복사 후 BootStrap폴더에 붙.. 2021. 9. 23. 이전 1 다음 반응형
