diff options
| author | Bardi Harborow <[email protected]> | 2016-11-13 02:12:58 +1100 |
|---|---|---|
| committer | Bardi Harborow <[email protected]> | 2016-11-13 02:34:18 +1100 |
| commit | b9e7cef9653ea803262915a1ed64722d355f99cc (patch) | |
| tree | 973694ba40492e3f341d6a10b7000f907b998803 /js/tests/visual/dropdown.html | |
| parent | 93ba9ac629a29bb8709989ba4be8a26b0b6d87d5 (diff) | |
| download | bootstrap-b9e7cef9653ea803262915a1ed64722d355f99cc.tar.xz bootstrap-b9e7cef9653ea803262915a1ed64722d355f99cc.zip | |
Update visual tests.
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> |