|
2 | 2 | <div ng-controller="DropdownCtrl"> |
3 | 3 | <!-- Simple dropdown --> |
4 | 4 | <span class="dropdown" dropdown on-toggle="toggled(open)"> |
5 | | - <a href class="dropdown-toggle" dropdown-toggle> |
6 | | - Click me for a dropdown, yo! |
7 | | - </a> |
8 | | - <ul class="dropdown-menu"> |
9 | | - <li ng-repeat="choice in items"> |
10 | | - <a href>{{choice}}</a> |
11 | | - </li> |
12 | | - </ul> |
| 5 | + <a href class="dropdown-toggle" dropdown-toggle> |
| 6 | + Click me for a dropdown, yo! |
| 7 | + </a> |
| 8 | + <ul class="dropdown-menu"> |
| 9 | + <li ng-repeat="choice in items"> |
| 10 | + <a href>{{choice}}</a> |
| 11 | + </li> |
| 12 | + </ul> |
13 | 13 | </span> |
14 | 14 |
|
15 | 15 | <!-- Single button --> |
16 | 16 | <div class="btn-group" dropdown is-open="status.isopen"> |
17 | | - <button type="button" class="btn btn-primary dropdown-toggle" dropdown-toggle ng-disabled="disabled"> |
18 | | - Button dropdown <span class="caret"></span> |
19 | | - </button> |
20 | | - <ul class="dropdown-menu" role="menu"> |
21 | | - <li><a href="#">Action</a></li> |
22 | | - <li><a href="#">Another action</a></li> |
23 | | - <li><a href="#">Something else here</a></li> |
24 | | - <li class="divider"></li> |
25 | | - <li><a href="#">Separated link</a></li> |
26 | | - </ul> |
| 17 | + <button type="button" class="btn btn-primary dropdown-toggle" dropdown-toggle ng-disabled="disabled"> |
| 18 | + Button dropdown <span class="caret"></span> |
| 19 | + </button> |
| 20 | + <ul class="dropdown-menu" role="menu"> |
| 21 | + <li><a href="#">Action</a></li> |
| 22 | + <li><a href="#">Another action</a></li> |
| 23 | + <li><a href="#">Something else here</a></li> |
| 24 | + <li class="divider"></li> |
| 25 | + <li><a href="#">Separated link</a></li> |
| 26 | + </ul> |
27 | 27 | </div> |
28 | 28 |
|
29 | 29 | <!-- Split button --> |
30 | 30 | <div class="btn-group" dropdown> |
31 | | - <button type="button" class="btn btn-danger">Action</button> |
32 | | - <button type="button" class="btn btn-danger dropdown-toggle" dropdown-toggle> |
33 | | - <span class="caret"></span> |
34 | | - <span class="sr-only">Split button!</span> |
35 | | - </button> |
36 | | - <ul class="dropdown-menu" role="menu"> |
37 | | - <li><a href="#">Action</a></li> |
38 | | - <li><a href="#">Another action</a></li> |
39 | | - <li><a href="#">Something else here</a></li> |
40 | | - <li class="divider"></li> |
41 | | - <li><a href="#">Separated link</a></li> |
42 | | - </ul> |
| 31 | + <button type="button" class="btn btn-danger">Action</button> |
| 32 | + <button type="button" class="btn btn-danger dropdown-toggle" dropdown-toggle> |
| 33 | + <span class="caret"></span> |
| 34 | + <span class="sr-only">Split button!</span> |
| 35 | + </button> |
| 36 | + <ul class="dropdown-menu" role="menu"> |
| 37 | + <li><a href="#">Action</a></li> |
| 38 | + <li><a href="#">Another action</a></li> |
| 39 | + <li><a href="#">Something else here</a></li> |
| 40 | + <li class="divider"></li> |
| 41 | + <li><a href="#">Separated link</a></li> |
| 42 | + </ul> |
43 | 43 | </div> |
44 | 44 |
|
45 | | - <!-- Single button --> |
| 45 | + <!-- Single button using append-to-body --> |
46 | 46 | <div class="btn-group" dropdown dropdown-append-to-body> |
47 | | - <button type="button" class="btn btn-primary dropdown-toggle" dropdown-toggle> |
48 | | - Dropdown on Body <span class="caret"></span> |
49 | | - </button> |
50 | | - <ul class="dropdown-menu" role="menu"> |
51 | | - <li><a href="#">Action</a></li> |
52 | | - <li><a href="#">Another action</a></li> |
53 | | - <li><a href="#">Something else here</a></li> |
54 | | - <li class="divider"></li> |
55 | | - <li><a href="#">Separated link</a></li> |
56 | | - </ul> |
| 47 | + <button type="button" class="btn btn-primary dropdown-toggle" dropdown-toggle> |
| 48 | + Dropdown on Body <span class="caret"></span> |
| 49 | + </button> |
| 50 | + <ul class="dropdown-menu" role="menu"> |
| 51 | + <li><a href="#">Action</a></li> |
| 52 | + <li><a href="#">Another action</a></li> |
| 53 | + <li><a href="#">Something else here</a></li> |
| 54 | + <li class="divider"></li> |
| 55 | + <li><a href="#">Separated link</a></li> |
| 56 | + </ul> |
57 | 57 | </div> |
58 | 58 |
|
59 | 59 | <hr /> |
|
0 commit comments