<div class="dropdown"> // col-md-* 지정 가능
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> // dropdown-menu-right 지정 가능
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
</ul>
</div>
* 메뉴 헤더
<li role="presentation" class="dropdown-header">Dropdown header</li>
* 주석 처리
<li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled link</a></li>
'css, html' 카테고리의 다른 글
부트스트랩(bootstrap) 탭(Tab) 메뉴 (0) | 2014.10.18 |
---|---|
부트스트랩(bootstrap) 버튼 및 버튼 드롭다운(Dropdowns) (0) | 2014.10.18 |
부트스트랩(bootstrap) 아이콘들 (0) | 2014.10.18 |
폼(form) 각 요소들 선언하기 (0) | 2014.10.18 |
테이블 및 줄 / 칸 처리하기 (0) | 2014.10.17 |