부트 스트랩 드롭 다운 정보
부트스트랩 부트 스트랩 드롭 다운본문
부트 스트랩 드롭 다운
기본 드롭 다운
드롭 다운 메뉴는 사용자가 미리 정의 된 목록에서 하나의 값을 선택할 수있는 토글 가능한 메뉴입니다.
예
<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>요소를 추가하여 실제로 드롭 다운 메뉴를 작성하십시오.
기본 드롭 다운
드롭 다운 메뉴는 사용자가 미리 정의 된 목록에서 하나의 값을 선택할 수있는 토글 가능한 메뉴입니다.
예
<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>요소를 추가하여 실제로 드롭 다운 메뉴를 작성하십시오.
추천
1
1
댓글 0개