부트스트랩컨닝 지

RTL 치트시트

내용물

타이포그래피

선적 서류 비치

디스플레이 1

디스플레이 2

디스플레이 3

디스플레이 4

디스플레이 5

디스플레이 6

제목 1

제목 2

제목 3

제목 4

제목 5

제목 6

이것은 리드 단락입니다. 그것은 일반 단락에서 두드러집니다.

마크 태그를 사용하여가장 밝은 부분텍스트.

이 텍스트 줄은 삭제된 텍스트로 처리됩니다.

이 텍스트 줄은 더 이상 정확하지 않은 것으로 간주됩니다.

이 텍스트 줄은 문서에 추가된 것으로 간주됩니다.

이 텍스트 줄은 밑줄이 그어진 것으로 렌더링됩니다.

이 텍스트 줄은 작은 글씨로 취급되어야 합니다.

이 줄은 굵은 텍스트로 렌더링됩니다.

이 줄은 기울임꼴 텍스트로 렌더링됩니다.

blockquote 요소에 포함된 잘 알려진 인용문.

Source Title 에서 유명한 사람
  • 이것은 목록입니다.
  • 완전히 스타일이 지정되지 않은 것처럼 보입니다.
  • 구조적으로는 여전히 목록입니다.
  • 그러나 이 스타일은 직계 자식 요소에만 적용됩니다.
  • 중첩 목록:
    • 이 스타일의 영향을 받지 않습니다
    • 여전히 총알을 보여줄 것입니다
    • 적절한 왼쪽 여백이 있어야 합니다.
  • 이것은 어떤 상황에서는 여전히 유용할 수 있습니다.
  • 이것은 목록 항목입니다.
  • 그리고 또 하나.
  • 그러나 인라인으로 표시됩니다.

이미지

선적 서류 비치
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

테이블

선적 서류 비치
# 첫 번째 마지막 핸들
1 표시 장미유 @mdo
2 야곱 손튼 @지방
삼 래리 버드 @트위터
# 첫 번째 마지막 핸들
1 표시 장미유 @mdo
2 야곱 손튼 @지방
삼 래리 버드 @트위터
수업 표제 표제
기본 셀 셀
주요한 셀 셀
중고등 학년 셀 셀
성공 셀 셀
위험 셀 셀
경고 셀 셀
정보 셀 셀
빛 셀 셀
어두운 셀 셀
# 첫 번째 마지막 핸들
1 표시 장미유 @mdo
2 야곱 손튼 @지방
삼 래리 버드 @트위터

양식

개요

선적 서류 비치
귀하의 이메일을 다른 사람과 공유하지 않습니다.
라디오 버튼

비활성화된 양식

선적 서류 비치
비활성화된 라디오 버튼

사이징

선적 서류 비치

입력 그룹

선적 서류 비치
@
@example.com
https://example.com/users/
$ .00
텍스트 영역 포함

확인

선적 서류 비치
좋아 보인다!
좋아 보인다!
@
사용자 이름을 선택하세요.
유효한 도시를 입력하세요.
유효한 상태를 선택하십시오.
유효한 우편번호를 입력하세요.
제출하기 전에 동의해야 합니다.

구성품

아코디언

선적 서류 비치

첫 번째 항목의 아코디언 본체입니다. 축소 플러그인이 각 요소의 스타일을 지정하는 데 사용하는 적절한 클래스를 추가할 때까지 기본적으로 숨겨져 있습니다. 이 클래스는 CSS 전환을 통한 표시 및 숨기기뿐만 아니라 전체 모양을 제어합니다. 사용자 정의 CSS를 사용하거나 기본 변수를 재정의하여 이 중 무엇이든 수정할 수 있습니다. .accordion-body전환이 오버플로를 제한하지만 거의 모든 HTML이 , 안에 들어갈 수 있다는 점도 주목할 가치가 있습니다 .

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

세 번째 항목의 아코디언 본체입니다. 축소 플러그인이 각 요소의 스타일을 지정하는 데 사용하는 적절한 클래스를 추가할 때까지 기본적으로 숨겨져 있습니다. 이 클래스는 CSS 전환을 통한 표시 및 숨기기뿐만 아니라 전체 모양을 제어합니다. 사용자 정의 CSS를 사용하거나 기본 변수를 재정의하여 이 중 무엇이든 수정할 수 있습니다. .accordion-body전환이 오버플로를 제한하지만 거의 모든 HTML이 , 안에 들어갈 수 있다는 점도 주목할 가치가 있습니다 .

경고

선적 서류 비치

배지

선적 서류 비치

예시 제목새로운

예시 제목새로운

예시 제목새로운

예시 제목새로운

예시 제목새로운

예시 제목새로운

예시 제목새로운

예시 제목새로운

주요한 중고등 학년 성공 위험 경고 정보 빛 어두운

버튼

선적 서류 비치

카드

선적 서류 비치
Placeholder Image cap
카드 제목

카드 제목을 기반으로 하고 카드 콘텐츠의 대부분을 구성하는 몇 가지 빠른 예제 텍스트입니다.

어딘가에 가다
추천
카드 제목

카드 제목을 기반으로 하고 카드 콘텐츠의 대부분을 구성하는 몇 가지 빠른 예제 텍스트입니다.

어딘가에 가다
2일 전
카드 제목

카드 제목을 기반으로 하고 카드 콘텐츠의 대부분을 구성하는 몇 가지 빠른 예제 텍스트입니다.

  • 아이템
  • 두 번째 항목
  • 세 번째 항목
카드 링크 또 다른 링크
Placeholder Image
카드 제목

아래에 추가 콘텐츠로 자연스럽게 연결되는 지원 텍스트가 있는 더 넓은 카드입니다. 내용이 조금 더 깁니다.

3분 전에 마지막으로 업데이트됨

목록 그룹

선적 서류 비치
  • 비활성화된 항목
  • 두 번째 항목
  • 세 번째 항목
  • 네 번째 항목
  • 그리고 다섯번째
  • 아이템
  • 두 번째 항목
  • 세 번째 항목
  • 네 번째 항목
  • 그리고 다섯번째
간단한 기본 목록 그룹 항목 간단한 기본 목록 그룹 항목 간단한 보조 목록 그룹 항목 간단한 성공 목록 그룹 항목 간단한 위험 목록 그룹 항목 간단한 경고 목록 그룹 항목 간단한 정보 목록 그룹 항목 간단한 조명 목록 그룹 항목 간단한 다크리스트 그룹 항목

팝오버

선적 서류 비치

스크롤스파이

선적 서류 비치

첫 번째 제목

이것은 scrollspy 페이지에 대한 일부 자리 표시자 콘텐츠입니다. 페이지를 아래로 스크롤하면 해당 탐색 링크가 강조 표시됩니다. 구성 요소 예제 전체에서 반복됩니다. 스크롤 및 강조 표시를 강조하기 위해 여기에 예제 사본을 계속 추가합니다.

두 번째 제목

이것은 scrollspy 페이지에 대한 일부 자리 표시자 콘텐츠입니다. 페이지를 아래로 스크롤하면 해당 탐색 링크가 강조 표시됩니다. 구성 요소 예제 전체에서 반복됩니다. 스크롤 및 강조 표시를 강조하기 위해 여기에 예제 사본을 계속 추가합니다.

세 번째 제목

이것은 scrollspy 페이지에 대한 일부 자리 표시자 콘텐츠입니다. 페이지를 아래로 스크롤하면 해당 탐색 링크가 강조 표시됩니다. 구성 요소 예제 전체에서 반복됩니다. 스크롤 및 강조 표시를 강조하기 위해 여기에 예제 사본을 계속 추가합니다.

네 번째 제목

이것은 scrollspy 페이지에 대한 일부 자리 표시자 콘텐츠입니다. 페이지를 아래로 스크롤하면 해당 탐색 링크가 강조 표시됩니다. 구성 요소 예제 전체에서 반복됩니다. 스크롤 및 강조 표시를 강조하기 위해 여기에 예제 사본을 계속 추가합니다.

다섯 번째 제목

이것은 scrollspy 페이지에 대한 일부 자리 표시자 콘텐츠입니다. 페이지를 아래로 스크롤하면 해당 탐색 링크가 강조 표시됩니다. 구성 요소 예제 전체에서 반복됩니다. 스크롤 및 강조 표시를 강조하기 위해 여기에 예제 사본을 계속 추가합니다.

스피너

선적 서류 비치

토스트

선적 서류 비치

툴팁

선적 서류 비치