[bootstrap] 부트스트랩 – 목록(list), ol, ul 태그

목록을 나타내는 기본 태그는 ol, ul 인데요.

ol : 순서 있는 목록
ul : 순성 없는 목록

 

불릿 기호나 순서가 목록 앞에 나타나게 되는데요.
부트스트랩에서는 불릿기호를 제거하려면 ul 태그에 .list-unstyled 선택자를 사용하면 됩니다.

<ul class=”list-unstyled“>
<li>과일</li>
<li>채소</li>
</ul>

 

.list-inline 선택자를 사용하면 목록이 좌우로 배열됩니다.

<ul class=”list-inline“>
<li>Lorem ipsum dolor sit amet</li>
<li>Nulla volutpat aliquam velit
<li>Faucibus porta lacus fringilla vel</li>
</ul>

 

목록 태그를 사용하면 기본적으로 목록이 들여쓰기 돼 있으나 부트스트랩 선택자를 사용하면 하위 목록을 포함해 들여쓰기가 모두 제거됩니다. 들여쓰기가 제거되는 것이 기본 설정이며 일정한 선택자의 배열이 있는 경우, 예를들어 .nav > li > a와 같을 때에는 들여쓰기가 적용돼 나타납니다.

<ul class=”nav“>
<li><a href=””>Phasellus iaculis neque</a></li>
<li>Ac tristique libero volutpat at</li>
</ul>