Dugu Jiujian (7)_Bootstrap 비디오 튜토리얼

• 장1 부트스트랩 첫 경험
• 1-1 부트스트랩은 무엇을 할 수 있나요?
• 1-2 Bootstrap 공식 웹사이트와 GitHub를 다운로드하는 방법은 무엇입니까?
• 1-3 파일 가져오기 및 기본 템플릿: 로컬 가져오기/CDN 가져오기
• 1-4 그리드 레이아웃의 원리: 그리드에서 임계값까지
• 1-5 그리드 레이아웃 구현 과정: 컨테이너를 열로 나누기
• 1-6 프런트 엔드 코드 아티팩트 Emmet 플러그인 사용에 대한 팁
• 장2 일반적으로 사용되는 타이포그래피 요소
• 2-1 제목 및 페이지 본문: h1~h6 및 전역 설정
• 2-2 인라인 텍스트 처리: 태그/인용문/목록 등
• 2-3 페이지의 코드 텍스트 처리: 임베디드/키보드/변수/출력
• 2-4 일반적으로 사용되는 테이블 스타일 소개: 범용/인터레이스 색상/반응형 등
• 2-5 기본형[세로형] : 가장 일반적인 형태
• 2-6 인라인 형식: 모든 요소가 동일한 행에 표시되어 더 많은 공간을 만듭니다.
• 2-7 수평 형식: 레이블과 컨트롤이 같은 행에 수평으로 표시되며 반응형 디자인입니다.
• 2-8 버튼: Bootstrap 사전 정의된 아름다운 스타일
• 2-9 이미지: 반응성 및 모양 스타일
• 장3 공통 구성 요소
• 3-1 폰트 아이콘 활용 팁 : 왜곡 없이 무한 확대
• 3-2 드롭다운 메뉴: 버튼과 목록의 완벽한 조합
• 3-3 버튼 그룹의 유형 및 디자인 기법: United We Are Strong
• 3-4 버튼 드롭다운 메뉴: 탐색의 기초
• 3-5 입력 상자 그룹: 텍스트 상자를 다른 요소와 통합
• 3-6 기본 탐색 구성 요소 지식: 탭 및 캡슐 스타일
• 3-7 경로 탐색: "탐색경로 탐색"이라고도 합니다.
• 3-8 페이지 매김 구성 요소: 클래식 스타일 및 페이지 넘김 스타일
• 3-9 요소에 눈길을 끄는 라벨을 추가하세요.
• 3-10 요소에 배지를 착용하여 키가 더 커 보이게 만드세요.
• 3-11 거대화면 : 페이지에 거대한 광고를 제작
• 3-12 익숙한 헤더 요소와 익숙하지 않은 헤더 요소
• 3-13 썸네일 컴포넌트 : 섬나라 동영상 사이트를 함께 만들어 볼까요?
• 3-14 경고 상자: 팝업 창이 매우 상쾌하고 세련될 수 있다는 것이 밝혀졌습니다.
• 장4 [선택] 일반적으로 사용되는 JavaScript 플러그인
• 4-1 모달 상자 예