최신 웹 개발 튜토리얼
 

Bootstrap CSS 입력 체계 참조


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 시도 해봐