diff options
| author | Pierre-Denis Vanduynslager <[email protected]> | 2016-12-28 19:57:38 -0500 |
|---|---|---|
| committer | Pierre-Denis Vanduynslager <[email protected]> | 2016-12-28 19:57:38 -0500 |
| commit | 425d156df27fa6c18e979aa000bfe5a346ee3450 (patch) | |
| tree | 4157dfcbdf8334e9d9fb2bb239f4ae78706bbc71 /js/tests/visual/dropdown.html | |
| parent | ab2fc63d08b8c53d6f29bcfd73b7f2d5ceaacacd (diff) | |
| parent | e1e621be046a4541a2fd36e445015ee44de3c67e (diff) | |
| download | bootstrap-425d156df27fa6c18e979aa000bfe5a346ee3450.tar.xz bootstrap-425d156df27fa6c18e979aa000bfe5a346ee3450.zip | |
Merge branch 'twbs/v4-dev' into dropdown-keyboard
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 10cf6dad9..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 pull-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 pull-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 m-t-lg"> - <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> |