부트 스트랩 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

툴팁

도구 설명은 링크를 설명해야 할 때 유용합니다.