테스트 사이트 - 개발 중인 베타 버전입니다

부트 스트랩 드롭 다운

· 7년 전 · 6678
캡처.PNG
부트 스트랩 드롭 다운

기본 드롭 다운
드롭 다운 메뉴는 사용자가 미리 정의 된 목록에서 하나의 값을 선택할 수있는 토글 가능한 메뉴입니다.



<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
</ul>
</div>

예제 설명
.dropdown클래스는 드롭 다운 메뉴를 나타냅니다.

드롭 다운 메뉴를 열려면 .dropdown-toggle및의 data-toggle="dropdown"속성 및 속성이 있는 단추 또는 링크를 사용하십시오 .

.caret클래스는 캐럿 화살표 아이콘 (생성), 이는 버튼이 드롭 다운임을 나타냅니다.

.dropdown-menu클래스에 <ul>요소를 추가하여 실제로 드롭 다운 메뉴를 작성하십시오.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
1451
부트스트랩 Disabled Item
1450
부트스트랩 활성 상태
1449
1448
1447
1446
1445
부트스트랩 Bootstrap Pager
1444
부트스트랩 Breadcrumbs
1443
부트스트랩 Pagination Sizing
1442
1441
1440
1438
1437
1436
1435
부트스트랩 컬러 진행 바
1434
1433
1432
부트스트랩 레이블
1431
1430
1429
1428
1427
1426
부트스트랩 세로 단추 그룹
1425
부트스트랩 버튼 그룹
1424
1421
부트스트랩 블록 레벨 버튼
1420
부트스트랩 단추 크기 1
1419