1.제목은 h1부터 h6까지 사용하여 처리합니다.

Bootstrap 부트스트랩 h1 h1 small

Bootstrap 부트스트랩 h2 h2 small

Bootstrap 부트스트랩 h4 h4 small

Bootstrap 부트스트랩 h4 h4 small

Bootstrap 부트스트랩 h5 h5 small
Bootstrap 부트스트랩 h6 h6 small

2. 본문의 글씨체의 크기는 14px로 고정되어 있습니다.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum vitae lectus sit amet tincidunt. Aliquam id fringilla sapien. Mauris eu nulla at nunc mollis pharetra.

부트스트랩의 기본글꼴은 Helvetica Neue 라는 아주 미려한 글꼴을 기반으로 Helvetica Neue 라는 글꼴이 없으면, Helvetica, Helvetica 도 없으면, Arial을 사용하고 sans-serif 계열의 글꼴을 사용하게 설정되어 있습니다. 또한 전체적인 글꼴의 크기는 14픽셀로 고정되어 있으며, 전체의 행간은 1.42857443로 설정되어 있으며, 글꼴 색은 진한 회색이고, 배경색상은 흰색으로 되어 있습니다.

3. small, strong, em 태그는 의 사용법과 .lead 선택자 사용

small태그는 작은 글씨를 strong은 문장을 강조할 때, em 태그는 이탤릭체로 표시하게 해 줍니다.

리드 선택자를 이용하여 단락의 첫 문장을 강조할 수 있습니다.

4. 문장의 정렬은 text-left, text-center, text-right 를 사용합니다.

문장 정렬 왼쪽은 text-left 클래스 선택자를 이용합니다. 왼쪽은 기본이기 때문에 다른 문장이 가운데 정렬이거나, 오른쪽 정렬일 때 왼쪽으로 정렬하고 싶을 경우 사용합니다.

문장 정렬 가운데는 text-center 클래스 선택자를 이용합니다.

문장 정렬 오른쪽은 text-right클래스 선택자를 이용합니다.

5. 부트스트랩은 다양한 강조 클래스를 사용합니다.

class="text-muted"

class="text-primary"

class="text-success"

class="text-info"

class="text-warning"

class="text-danger"

강조 텍스트의 색 또한 사용자에 의해서 변환가능합니다.

6.약어를 사용할 수 있습니다.

약어를 사용하면 멘붕 과 같은 약어를 표현해 줄 수 있습니다. 또한 un 이나, css와 같은 영문 약어는 class="initialism" 를 사용하게 되면 단어가 소문자인 경우에도 영문 대문자로 변환되면서 글씨 크기는 90%정도로 변환해 주게 됩니다.

7. 주소는 address 태그를 사용합니다.

저자:양용석
주소:제주시 노형동
전화번호 :010-234-7895

8. 인용구는 blockquote 태그를 이용하며 오른쪽 정렬도 가능합니다.

현재까지 쓰인 CSS 속성은 부트 스트랩 웹 사이트에서도 동일하게 설명이 되어 있습니다. CSS 속성 http://bootstrapk.com/BS3/css
인용구에 class="pull-right"를 적용해 주면 오른쪽으로 정렬됩니다. CSS 속성 http://bootstrapk.com/BS3/css

9. 목록(list)를 표시할때는 ul , ol, dt 태그를 사용합니다.

  1. 리스트의 숫자를 표시 할 때는 l, li 태그틑 사용합니다
  2. 이 경우에도 왼쪽에 20px 하단으로 10px의 여백이 생깁니다.
HTML
Hyper Text Markup Language
CSS
Cascading Style Sheet
bootstrap
Twitter에서 만든 웹 사이트 제작용 프레임워크
HTML
Hyper Text Markup Language
CSS
Cascading Style Sheet
bootstrap
Twitter에서 만든 웹 사이트 제작용 프레임워크