diff options
| author | Martijn Cuppens <[email protected]> | 2020-03-07 13:09:05 +0100 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-03-07 13:09:05 +0100 |
| commit | fcc67da41f7d1bd1c7c33aa050319dddc17fec0e (patch) | |
| tree | b6227b4e3043481937c25262534b6defd8cfccd5 | |
| parent | d79830c4ee407efdafd754aaf4dd729a33fe3a37 (diff) | |
| download | bootstrap-fcc67da41f7d1bd1c7c33aa050319dddc17fec0e.tar.xz bootstrap-fcc67da41f7d1bd1c7c33aa050319dddc17fec0e.zip | |
Align navbar in docs (#30359)
| -rw-r--r-- | site/content/docs/4.3/components/scrollspy.md | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/site/content/docs/4.3/components/scrollspy.md b/site/content/docs/4.3/components/scrollspy.md index b390ddf9e..51c109df4 100644 --- a/site/content/docs/4.3/components/scrollspy.md +++ b/site/content/docs/4.3/components/scrollspy.md @@ -22,7 +22,7 @@ When successfully implemented, your nav or list group will update accordingly, m Scroll the area below the navbar and watch the active class change. The dropdown items will be highlighted as well. <div class="bd-example"> - <nav id="navbar-example2" class="navbar navbar-light bg-light"> + <nav id="navbar-example2" class="navbar navbar-light bg-light px-3"> <a class="navbar-brand" href="#">Navbar</a> <ul class="nav nav-pills"> <li class="nav-item"> @@ -33,7 +33,7 @@ Scroll the area below the navbar and watch the active class change. The dropdown </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">Dropdown</a> - <div class="dropdown-menu"> + <div class="dropdown-menu dropdown-menu-right"> <a class="dropdown-item" href="#one">one</a> <a class="dropdown-item" href="#two">two</a> <div role="separator" class="dropdown-divider"></div> @@ -59,7 +59,7 @@ Scroll the area below the navbar and watch the active class change. The dropdown </div> {{< highlight html >}} -<nav id="navbar-example2" class="navbar navbar-light bg-light"> +<nav id="navbar-example2" class="navbar navbar-light bg-light px-3"> <a class="navbar-brand" href="#">Navbar</a> <ul class="nav nav-pills"> <li class="nav-item"> @@ -70,7 +70,7 @@ Scroll the area below the navbar and watch the active class change. The dropdown </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">Dropdown</a> - <div class="dropdown-menu"> + <div class="dropdown-menu dropdown-menu-right"> <a class="dropdown-item" href="#one">one</a> <a class="dropdown-item" href="#two">two</a> <div role="separator" class="dropdown-divider"></div> |