Bootstrap's 기본 설정
Bootstrap's 전역 기본 font-size 로모그래퍼, 14px입니다 line-height 1.428의.
이것은에 적용되는 <body> 모든 단락.
또한, 모든 <p> 요소 (기본적으로 10px)의 절반 계산 된 라인 높이를 동일 바닥 마진이있다.
활판 인쇄술
아래의 요소는 브라우저의 기본값보다 부트 스트랩 다르게 조금 스타일이됩니다 HTML 요소입니다. 결과 / 차이를 확인하기 위해 "그것을 시도"예 봐.
아래의 클래스는 추가 요소의 스타일을하는 데 사용됩니다.
요소 / 클래스 | 기술 | 예 |
---|---|---|
<h1> - <h6> or .h1 - .h6 | H1 - h6 사용 제목 | 시도 해봐 |
<small> | 어떤 제목의 라이터, 보조 텍스트를 작성합니다 제목 (보조 텍스트) | 시도 해봐 |
.small | (부모의 크기의 85 %로 설정) 작은 텍스트를 나타냅니다 : 작은 텍스트 | 시도 해봐 |
.lead | 텍스트는 눈에 띄는하게 : 텍스트를 스탠드 | 시도 해봐 |
<mark> or .mark | 주요 텍스트 : 강조 표시된 텍스트 | 시도 해봐 |
<del> | 삭제 된 텍스트를 나타냅니다 : | 시도 해봐 |
<s> | 더 이상 관련 텍스트를 나타냅니다 : | 시도 해봐 |
<ins> | 삽입 된 텍스트를 나타냅니다 : 삽입 된 텍스트 | 시도 해봐 |
<u> | 밑줄이 그어진 텍스트를 나타냅니다 : 밑줄 텍스트 | 시도 해봐 |
<strong> | 굵은 텍스트를 나타냅니다 굵은 텍스트 | 시도 해봐 |
<em> | 이탤릭체 텍스트를 나타냅니다 기울임 꼴 텍스트 | 시도 해봐 |
.text-left | 왼쪽 정렬 텍스트를 나타냅니다 | 시도 해봐 |
.text-center | 중앙 정렬 된 텍스트를 나타냅니다 | 시도 해봐 |
.text-right | 오른쪽 맞춤 텍스트를 나타냅니다 | 시도 해봐 |
.text-justify | 정렬 텍스트를 나타냅니다 | 시도 해봐 |
.text-nowrap | 더 랩 텍스트를 나타냅니다 | 시도 해봐 |
.text-lowercase | 소문자 텍스트를 나타냅니다 소문자 TEXT | 시도 해봐 |
.text-uppercase | 대문자로 텍스트를 나타냅니다 대문자 텍스트 | 시도 해봐 |
.text-capitalize | 대문자 텍스트를 나타냅니다 대문자 텍스트 | 시도 해봐 |
<abbr> | <abbr> 요소는 약어 또는 머리 글자를 나타냅니다. 제목과 요약은 호버에 대한 추가 컨텍스트를 제공하는 점선 아래의 경계와 마우스 오버에 도움이 커서이 때문이다. | 시도 해봐 |
.initialism | 내부 텍스트 표시 <abbr> 약간 작은 글꼴 크기의 요소를 | 시도 해봐 |
<address> | 연락처 정보를 표시 | 시도 해봐 |
<blockquote> | 다른 소스에서 콘텐츠의 블록을 나타냅니다 | 시도 해봐 |
.blockquote-reverse | 오른쪽 맞춤 콘텐츠가있는 인용구를 나타냅니다 | 시도 해봐 |
<ul> | 정렬되지 않은 목록을 나타냅니다 | 시도 해봐 |
<ol> | 정렬 된 목록을 나타냅니다 | 시도 해봐 |
.list-unstyled | 목록 항목의 기본 목록 스타일과 왼쪽 여백을 제거합니다 (모두에서 작동 <ul> 과 <ol> ). 이 클래스는 (중첩 된 목록에서 기본 목록 스타일을 제거 할뿐만 아니라 중첩 된 목록에이 클래스를 적용) 직계 자식 목록 항목에 적용 | 시도 해봐 |
.list-inline | 한 줄에 지역 모든 목록 항목을 | 시도 해봐 |
<dl> | 설명 목록을 나타냅니다 | 시도 해봐 |
.dl-horizontal | 의 조건과 설명까지 선 <dl> 요소 나란히. 기본처럼 시작은 <dl>s 하지만 브라우저 윈도우가 확장되면, 나란히 줄 것 | 시도 해봐 |
암호
요소 / 클래스 | 기술 | 예 |
---|---|---|
<var> | 변수를 나타냅니다 : x = a b + y | 시도 해봐 |
<kbd> | : 일반적으로 키보드를 통해 입력되는 입력 표시 CTRL + P | 시도 해봐 |
<pre> | 여러 줄의 코드를 나타냅니다 | 시도 해봐 |
<pre class="pre-scrollable"> | 스크롤에 여러 줄의 코드를 나타냅니다 | 시도 해봐 |
<samp> | 컴퓨터 프로그램의 샘플 출력을 나타냅니다 샘플 출력 | 시도 해봐 |
<code> | : 인라인 코드의 조각을 나타냅니다 span , div | 시도 해봐 |