1-1 부트스트랩은 무엇을 할 수 있나요?

1-2 Bootstrap 공식 웹사이트와 GitHub를 다운로드하는 방법은 무엇입니까?

1-3 파일 가져오기 및 기본 템플릿: 로컬 가져오기/CDN 가져오기

1-4 그리드 레이아웃의 원리: 그리드에서 임계값까지

1-5 그리드 레이아웃 구현 과정: 컨테이너를 열로 나누기

1-6 프런트 엔드 코드 아티팩트 Emmet 플러그인 사용에 대한 팁

2-1 제목 및 페이지 본문: h1~h6 및 전역 설정

2-2 인라인 텍스트 처리: 태그/인용문/목록 등

2-3 페이지의 코드 텍스트 처리: 임베디드/키보드/변수/출력

2-4 일반적으로 사용되는 테이블 스타일 소개: 범용/인터레이스 색상/반응형 등

2-5 기본형[세로형] : 가장 일반적인 형태

2-6 인라인 형식: 모든 요소가 동일한 행에 표시되어 더 많은 공간을 만듭니다.

2-7 수평 형식: 레이블과 컨트롤이 같은 행에 수평으로 표시되며 반응형 디자인입니다.

2-8 버튼: Bootstrap 사전 정의된 아름다운 스타일

2-9 이미지: 반응성 및 모양 스타일

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-1 모달 상자 예