.list-style .image

.list-unstyled

• ol, ul 리스트에 스타이일 없게 만들어주는 클래스

    <ol class="list-unstyled">
        <li>내가 좋아하는 음식1</li>
        <li>내가 좋아하는 음식2</li>
        <li>내가 좋아하는 음식3</li>
    </ol>

    <ul class="list-unstyled">
        <li>내가 좋아하는 색상1</li>
        <li>내가 좋아하는 색상2</li>
        <li>내가 좋아하는 색상3</li>
    </ul>

---

.image

• 프로젝트에 스타일된 이미지를 얻기 위해서 사용되는 클래스

    <img src="https://via.placeholder.com/150" alt="" class="img-rounded">
    <img src="https://via.placeholder.com/150" alt="" class="img-circle">
    <img src="https://via.placeholder.com/150" alt="" class="img-thumbnail">

---

.text

• 텍스트에 색상을 입혀주는 클래스

    <p class="text-muted">Lorem ipsum dolor sit amet.</p>
    <p class="text-primary">Lorem ipsum dolor sit amet.</p>
    <p class="text-info">Lorem ipsum dolor sit amet.</p>
    <p class="text-warning">Lorem ipsum dolor sit amet.</p>
    <p class="text-danger">Lorem ipsum dolor sit amet.</p>
    <p class="text-success">Lorem ipsum dolor sit amet.</p>

---

.bg

• 백그라운드 컬러를 입혀주는 클래스

    <p class="bg-success"><span class="text-muted">Lorem ipsum dolor sit amet.</span></p>
    <p class="bg-primary">Lorem ipsum dolor sit amet.</p>
    <p class="bg-info">Lorem ipsum dolor sit amet.</p>
    <p class="bg-warning">Lorem ipsum dolor sit amet.</p>
    <p class="bg-danger">Lorem ipsum dolor sit amet.</p>

---