diff options
| author | Mark Otto <[email protected]> | 2017-05-26 22:28:09 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-05-26 22:28:09 -0700 |
| commit | 6c3f833076a9fa68601741e3e21bd07ad79b7d8a (patch) | |
| tree | fe016946d77f9ffff15bbe9cdc593fd098b5bcc7 /js/tests/visual/dropdown.html | |
| parent | c581564a780974c6430ac5897740006f623f2277 (diff) | |
| parent | 5d7db507396275fcda96935aff47b09e1d79ddc1 (diff) | |
| download | bootstrap-6c3f833076a9fa68601741e3e21bd07ad79b7d8a.tar.xz bootstrap-6c3f833076a9fa68601741e3e21bd07ad79b7d8a.zip | |
Merge branch 'v4-docs-streamlined' of https://github.com/twbs/bootstrap into v4-docs-streamlined
Diffstat (limited to 'js/tests/visual/dropdown.html')
| -rw-r--r-- | js/tests/visual/dropdown.html | 149 |
1 files changed, 54 insertions, 95 deletions
diff --git a/js/tests/visual/dropdown.html b/js/tests/visual/dropdown.html index 7dce87bd1..4bea32c14 100644 --- a/js/tests/visual/dropdown.html +++ b/js/tests/visual/dropdown.html @@ -1,107 +1,66 @@ <!DOCTYPE html> <html> -<head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <title>Dropdown</title> - <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> -</head> -<body> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <meta http-equiv="x-ua-compatible" content="ie=edge"> + <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> + <title>Dropdown</title> + </head> + <body> + <div class="container"> + <h1>Dropdown <small>Bootstrap Visual Test</small></h1> -<div class="container"> + <nav class="navbar navbar-light bg-faded"> + <button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"></button> + <div class="collapse navbar-toggleable-md" id="navbarResponsive"> + <a class="navbar-brand" href="#">Navbar</a> + <ul class="nav navbar-nav"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> + <div class="dropdown-menu" aria-labelledby="dropdown"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> + </div> + </li> + </ul> + </div> + </nav> - <h1>Dropdown <small>Bootstrap Visual Test</small></h1> - - <nav id="navbar-example" class="navbar navbar-light bg-faded"> - <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2"> - ☰ - </button> - - <div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar2"> - - <ul class="nav navbar-nav float-xs-left"> - - <li class="dropdown nav-item"> - <a id="drop1" href="#" role="button" class="dropdown-toggle nav-link" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> - Dropdown - </a> - <div class="dropdown-menu" aria-labelledby="drop1"> - <a class="dropdown-item" href="https://twitter.com/fat">Action</a> - <a class="dropdown-item" href="https://twitter.com/fat">Another action</a> - <a class="dropdown-item" href="https://twitter.com/fat">Something else here</a> - <div class="dropdown-divider"></div> - <a class="dropdown-item" href="https://twitter.com/fat">Separated link</a> - </div> + <ul class="nav nav-pills mt-3"> + <li class="nav-item"> + <a class="nav-link active" href="#">Active</a> </li> - - <li class="dropdown nav-item"> - <a href="#" id="drop2" role="button" class="dropdown-toggle nav-link" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> - Dropdown 2 - </a> - <div class="dropdown-menu" aria-labelledby="drop2"> - <a class="dropdown-item" href="https://twitter.com/fat">Action</a> - <a class="dropdown-item" href="https://twitter.com/fat">Another action</a> - <a class="dropdown-item" href="https://twitter.com/fat">Something else here</a> - <div class="dropdown-divider"></div> - <a class="dropdown-item" href="https://twitter.com/fat">Separated link</a> - </div> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> </li> - - </ul> - - <ul class="nav navbar-nav float-xs-right"> - <li id="fat-menu" class="dropdown nav-item"> - <a href="#" id="drop3" role="button" class="dropdown-toggle nav-link" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> - Dropdown 3 - </a> - <div class="dropdown-menu" aria-labelledby="drop3"> - <a class="dropdown-item" href="https://twitter.com/fat">Action</a> - <a class="dropdown-item" href="https://twitter.com/fat">Another action</a> - <a class="dropdown-item" href="https://twitter.com/fat">Something else here</a> - <div class="dropdown-divider"></div> - <a class="dropdown-item" href="https://twitter.com/fat">Separated link</a> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> + <div class="dropdown-menu" aria-labelledby="dropdown2"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> </div> </li> </ul> </div> - </nav> - - <ul class="nav nav-pills mt-3"> - <li class="active nav-item"><a href="#" class="nav-link">Regular link</a></li> - <li class="dropdown nav-item"> - <a id="drop4" class="nav-link" role="button" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false"> - Dropdown - </a> - <div id="menu1" class="dropdown-menu" aria-labelledby="drop4"> - <a class="dropdown-item" href="https://twitter.com/fat">Action</a> - <a class="dropdown-item" href="https://twitter.com/fat">Another action</a> - <a class="dropdown-item" href="https://twitter.com/fat">Something else here</a> - <div class="dropdown-divider"></div> - <a class="dropdown-item" href="https://twitter.com/fat">Separated link</a> - </div> - </li> - <li class="dropdown nav-item"> - <a id="drop5" class="nav-link" role="button" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false"> - Dropdown 2 - </a> - <div id="menu2" class="dropdown-menu" aria-labelledby="drop5"> - <a class="dropdown-item" href="https://twitter.com/fat">Action</a> - <a class="dropdown-item" href="https://twitter.com/fat">Another action</a> - <a class="dropdown-item" href="https://twitter.com/fat">Something else here</a> - <div class="dropdown-divider"></div> - <a class="dropdown-item" href="https://twitter.com/fat">Separated link</a> - </div> - </li> - </ul> - -</div> - -<!-- JavaScript Includes --> -<script src="../vendor/jquery.min.js"></script> -<script src="../../dist/util.js"></script> -<script src="../../dist/dropdown.js"></script> -<script src="../../dist/collapse.js"></script> -</body> + <script src="../vendor/jquery.min.js"></script> + <script src="../../dist/util.js"></script> + <script src="../../dist/dropdown.js"></script> + <script src="../../dist/collapse.js"></script> + </body> </html> |