diff options
author | Pierre Vanduynslager <pierre.denis.vanduynslager@gmail.com> | 2017-04-02 12:21:04 +0300 |
---|---|---|
committer | Johann-S <johann.servoire@gmail.com> | 2017-04-02 12:21:04 +0300 |
commit | 91b62941afb7115807fc2925398ebccfc68f5377 (patch) | |
tree | 7efa4b4398a0797fab354aa2226fd31241d62e09 /js/tests/visual/scrollspy.html | |
parent | 5142de7e592abc0a791ea3465616795c91219bcc (diff) |
Tabs/Scrollspy/.nav/.list-group/.active independent of markup (<nav>, .nav-item, <li> etc...)
Diffstat (limited to 'js/tests/visual/scrollspy.html')
-rw-r--r-- | js/tests/visual/scrollspy.html | 23 |
1 files changed, 13 insertions, 10 deletions
diff --git a/js/tests/visual/scrollspy.html b/js/tests/visual/scrollspy.html index 15b7f75f8c..c0c3dc7491 100644 --- a/js/tests/visual/scrollspy.html +++ b/js/tests/visual/scrollspy.html @@ -10,10 +10,13 @@ </style> </head> <body data-spy="scroll" data-target=".navbar" data-offset="70"> - <div class="container"> - <nav class="navbar fixed-top navbar-dark bg-inverse"> - <a class="navbar-brand" href="#">Scrollspy test</a> - <ul class="nav navbar-nav"> + <nav class="navbar navbar-expand-md navbar-inverse bg-inverse fixed-top"> + <a class="navbar-brand" href="#">Scrollspy test</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="navbar-collapse collapse" id="navbarSupportedContent"> + <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link" href="#fat">@fat</a> </li> @@ -23,18 +26,18 @@ <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="#one">one</a> - <a class="dropdown-item" href="#two">two</a> - <div class="dropdown-divider"></div> - <a class="dropdown-item" href="#three">three</a> + <a class="dropdown-item" href="#one">One</a> + <a class="dropdown-item" href="#two">Two</a> + <a class="dropdown-item" href="#three">Three</a> </div> </li> <li class="nav-item"> <a class="nav-link" href="#final">Final</a> </li> </ul> - </nav> - + </div> + </nav> + <div class="container"> <h2 id="fat">@fat</h2> <p>Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.</p> <p>Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.</p> |