]>
git.ipfire.org Git - ipfire.org.git/blob - src/scss/bootstrap-4.0.0-alpha.6/js/tests/visual/dropdown.html
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>
10 <div class=
"container">
11 <h1>Dropdown
<small>Bootstrap Visual Test
</small></h1>
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>
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>
25 <a class=
"nav-link" href=
"#">Link
</a>
28 <a class=
"nav-link" href=
"#">Link
</a>
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>
42 <ul class=
"nav nav-pills mt-3">
44 <a class=
"nav-link active" href=
"#">Active
</a>
47 <a class=
"nav-link" href=
"#">Link
</a>
50 <a class=
"nav-link" href=
"#">Link
</a>
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>
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>