부트 스트랩 4-구성 요소
기술
Bootstrap 4는 웹 페이지에 텍스트, 코드 블록, 반응 형 이미지, 표 형식의 데이터 등을 표시하기 위해 콘텐츠 메서드 모음을 사용합니다.
다음 표는 Bootstrap 4를 조작하는 데 사용할 수있는 콘텐츠 방법을 나열합니다.
S. 아니. | 방법 및 설명 |
---|---|
1 | 경고 경고 구성 요소는 사용자 작업에 대해 미리 정의 된 메시지를 지정합니다. |
2 | 배지 배지는 콘텐츠에 대한 추가 정보를 강조하는 데 사용됩니다. |
삼 | 브레드 크럼 사이트에 대한 계층 기반 정보를 표시하는 데 사용됩니다. |
4 | 버튼 Bootstrap은 텍스트 및 이미지와 같은 콘텐츠를 넣을 수있는 클릭 가능한 버튼을 제공합니다. |
5 | 버튼 그룹 버튼 그룹을 사용하면 여러 버튼을 한 줄에 함께 쌓을 수 있습니다. |
6 | 카드 카드는 주위에 약간의 패딩이있는 테두리 상자를 표시하는 콘텐츠 컨테이너입니다. |
7 | 캐 러셀 캐 러셀은 사이트에 슬라이더를 추가하는 유연하고 반응이 빠른 방법입니다. |
8 | 무너짐 콘텐츠를 표시하거나 숨기는 데 사용됩니다. |
9 | 드롭 다운 드롭 다운 메뉴는 목록 형식으로 링크를 표시하는 데 사용할 수 있습니다. |
10 | 양식 양식 요소는 사용자로부터 입력을 수집하는 데 사용됩니다. |
11 | 입력 그룹 입력 그룹을 사용하면 텍스트 기반 입력에 텍스트 또는 버튼을 쉽게 추가하고 추가 할 수 있습니다. |
12 | 점보트론 제목의 크기를 늘리고 랜딩 페이지 콘텐츠에 많은 여백을 추가합니다. |
13 | 모달 모달은 상위 창 위에 겹쳐진 하위 창입니다. |
14 | Navs 부트 스트랩은 가로 메뉴에서 사이트에 대한 탐색 항목을 제공합니다. |
15 | Navbar Navbar는 애플리케이션 또는 사이트에 대한 탐색 헤더를 제공합니다. |
16 | 쪽수 매기기 페이지 매김은 관련 콘텐츠를 여러 페이지로 나누는 데 사용됩니다. |
17 | 팝 오버 Popover는 툴팁과 유사하며 제목이 포함 된 확장 된보기를 제공합니다. |
18 | 진행 진행률 표시 줄은 누적 막대, 애니메이션 배경 및 텍스트 레이블로 프로세스의 진행률을 보여줍니다. |
19 | Scrollspy Scrollspy는 스크롤 위치에 따라 메뉴에서 현재 활성화 된 링크를 나타내는 데 사용됩니다. |
20 | 툴팁 도구 설명은 링크를 설명해야 할 때 유용합니다. |