피클은 좋은 웹 소스를 모아 제공합니다.

Bootstrap 탭 마크업과 전환

탭은 목록과 내용 패널을 짝으로 구성합니다. 버전마다 데이터 속성이 다르므로 사용 중인 Bootstrap 메이저 버전에 맞춰 속성을 확인합니다.

구분	Bootstrap 4 기준
탭 목록	nav nav-tabs
탭 항목·링크	nav-item, nav-link
활성 탭	active
전환 속성	data-toggle="tab"
내용 컨테이너	tab-content
내용 패널	tab-pane (활성 패널은 fade show active)

이 피스의 모음

부트스트랩, 부트스와치, 부트스트랩 아이콘, Start Bootstrap, Bootstrap Table, Tabler …

등록 2026년 10월 5일수정 2026년 10월 11일조회 3