사이드바의 메뉴나 카테고리 목록을 만들 때 유용합니다.
<ul class=”list-group“>
<li class=”list-group-item“>Cras justo odio</li>
<li class=”list-group-item“>Dapibus ac facilisis in</li>
<li class=”list-group-item“>Morbi leo risus</li>
<li class=”list-group-item“>Porta ac consectetur ac</li>
<li class=”list-group-item“>Vestibulum at eros</li>
</ul>
<li class=”list-group-item“>Cras justo odio</li>
<li class=”list-group-item“>Dapibus ac facilisis in</li>
<li class=”list-group-item“>Morbi leo risus</li>
<li class=”list-group-item“>Porta ac consectetur ac</li>
<li class=”list-group-item“>Vestibulum at eros</li>
</ul>
사용법은 위와 같이 ul, li 태그에 클래스만 넣어주면 됩니다.
'프로그래밍 언어 > 부트스트랩(Bootstrap)' 카테고리의 다른 글
| [bootstrap] 부트스트랩 – 리스트 그룹(List group) – 하이라이트 (0) | 2016.02.03 |
|---|---|
| [bootstrap] 부트스트랩 – 리스트 그룹(List group) – 배지 (0) | 2016.02.03 |
| [bootstrap] 부트스트랩 – 프로그레스 바(Progress Bar) (0) | 2016.02.03 |
| [bootstrap] 부트스트랩 – 알림메시지(alerts) – 링크 추가 (0) | 2016.02.03 |
| [bootstrap] 부트스트랩 – 알림메시지(alerts) (0) | 2016.02.03 |
댓글