[list] BS5 - .list-unstyled 클래스 - 리스트 기본스타일과 왼쪽 padding 제거 (= .list-unstyled클래스 = 리스트언스타일드클래스)

1. .list-unstyled 예제 - 리스트 기본 스타일과 왼쪽 padding을 제거
2. .list-unstyled 정의

.list-unstyled 예제 - 리스트 기본 스타일과 왼쪽 padding을 제거

 

<div class="container mt-3 border">

  <ul class="list-unstyled border">

    <li>HTML</li>

    <li>CSS

      <ul class="border">

        <li>CSS속성</li>

        <li>JS속성</li>

      </ul>

    </li>

    <li>JS</li>

  </ul>

</div>

 

결과보기

.list-unstyled 정의

 

리스트 기본스타일과 왼쪽 padding 제거.

• 리스트의 직접 자식요소에만 적용됨.
• 중첩 리스트에도 적용하려면, 해당 리스트에도 클래스 추가 필요.
• <ol>/<ul> 태그 모두에 적용 가능.

 

---

[정의]

.list-unstyled {

  padding-left: 0;

  list-style: none;

}