Bootstrap4 알아보기#3 _ Text/Typography/Colors

Bootstrap4는 기본값으로 font-size : 16px, line-height : 1.5 입니다.

<p>요소에는 기본적으로 margin-top: 0및 margin-bottom: 1rem(1rem=16px) 값을 가진다.

<h1>to <h6>

  <h1>h1 Bootstrap heading (2.5rem = 40px)</h1>
  <h2>h2 Bootstrap heading (2rem = 32px)</h2>
  <h3>h3 Bootstrap heading (1.75rem = 28px)</h3>
  <h4>h4 Bootstrap heading (1.5rem = 24px)</h4>
  <h5>h5 Bootstrap heading (1.25rem = 20px)</h5>
  <h6>h6 Bootstrap heading (1rem = 16px)</h6>

.display-1,2,3,4 속성을 이용해( <h1 class="display-1">Display 1</h1>) 글씨를 더 크게, 

small 속성을 이용해 글씨를 더 작게(<h6>h6 heading <small>secondary text</small></h6>) 만들 수 있다. 

 

Bootstrap4 배경색

- - 아래와 같은 3가지 방식으로 배경색 변경이 가능하다 - -  

<p style="background-color : rgb(255, 255, 0);">Yellow</p>
<p style="background-color : #FFFF00;">Yellow</p>
<p style="background-color : Yellow;">Yellow</p>