]>
Commit | Line | Data |
---|---|---|
91e44d91 S |
1 | <!DOCTYPE html> |
2 | <html> | |
3 | <head> | |
4 | <meta charset="utf-8"> | |
5 | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
6 | <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> | |
7 | <title>Dropdown</title> | |
8 | </head> | |
9 | <body> | |
10 | <div class="container"> | |
11 | <h1>Dropdown <small>Bootstrap Visual Test</small></h1> | |
12 | ||
13 | <nav class="navbar navbar-toggleable-md navbar-light bg-faded"> | |
14 | <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> | |
15 | <span class="navbar-toggler-icon"></span> | |
16 | </button> | |
17 | ||
18 | <div class="collapse navbar-collapse" id="navbarResponsive"> | |
19 | <a class="navbar-brand" href="#">Navbar</a> | |
20 | <ul class="navbar-nav"> | |
21 | <li class="nav-item active"> | |
22 | <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> | |
23 | </li> | |
24 | <li class="nav-item"> | |
25 | <a class="nav-link" href="#">Link</a> | |
26 | </li> | |
27 | <li class="nav-item"> | |
28 | <a class="nav-link" href="#">Link</a> | |
29 | </li> | |
30 | <li class="nav-item dropdown"> | |
31 | <a class="nav-link dropdown-toggle" href="#" id="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> | |
32 | <div class="dropdown-menu" aria-labelledby="dropdown"> | |
33 | <a class="dropdown-item" href="#">Action</a> | |
34 | <a class="dropdown-item" href="#">Another action</a> | |
35 | <a class="dropdown-item" href="#">Something else here</a> | |
36 | </div> | |
37 | </li> | |
38 | </ul> | |
39 | </div> | |
40 | </nav> | |
41 | ||
42 | <ul class="nav nav-pills mt-3"> | |
43 | <li class="nav-item"> | |
44 | <a class="nav-link active" href="#">Active</a> | |
45 | </li> | |
46 | <li class="nav-item"> | |
47 | <a class="nav-link" href="#">Link</a> | |
48 | </li> | |
49 | <li class="nav-item"> | |
50 | <a class="nav-link" href="#">Link</a> | |
51 | </li> | |
52 | <li class="nav-item dropdown"> | |
53 | <a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> | |
54 | <div class="dropdown-menu" aria-labelledby="dropdown2"> | |
55 | <a class="dropdown-item" href="#">Action</a> | |
56 | <a class="dropdown-item" href="#">Another action</a> | |
57 | <a class="dropdown-item" href="#">Something else here</a> | |
58 | </div> | |
59 | </li> | |
60 | </ul> | |
61 | </div> | |
62 | ||
63 | <script src="../../../docs/assets/js/vendor/jquery-slim.min.js"></script> | |
64 | <script src="../../dist/util.js"></script> | |
65 | <script src="../../dist/dropdown.js"></script> | |
66 | <script src="../../dist/collapse.js"></script> | |
67 | </body> | |
68 | </html> |