diff options
| author | Mark Otto <[email protected]> | 2019-07-18 13:59:59 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2019-07-21 21:44:32 -0700 |
| commit | 956cbbc6b720f8629e764720d01e0b641a34dc71 (patch) | |
| tree | 26b2692993115827db4fb79bc472ba0d0cc4b331 | |
| parent | 5027a8086ab2cb56975e0d816f61d541fc5d1bad (diff) | |
| download | bootstrap-956cbbc6b720f8629e764720d01e0b641a34dc71.tar.xz bootstrap-956cbbc6b720f8629e764720d01e0b641a34dc71.zip | |
make docs navbar more usable on mobile
| -rw-r--r-- | site/layouts/partials/docs-navbar.html | 4 | ||||
| -rw-r--r-- | site/static/docs/4.3/assets/scss/_nav.scss | 2 |
2 files changed, 3 insertions, 3 deletions
diff --git a/site/layouts/partials/docs-navbar.html b/site/layouts/partials/docs-navbar.html index ced87b995..439242865 100644 --- a/site/layouts/partials/docs-navbar.html +++ b/site/layouts/partials/docs-navbar.html @@ -1,10 +1,10 @@ <header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar"> - <div class="container py-0 px-3"> + <div class="container flex-wrap flex-md-nowrap py-0 px-3"> <a class="navbar-brand mr-0 mr-md-2" href="/" aria-label="Bootstrap"> {{ partial "icons/bootstrap-logo-solid.svg" (dict "class" "d-block" "width" "32" "height" "32") }} </a> - <div class="navbar-nav-scroll"> + <div class="navbar-nav-scroll order-3 order-md-0 d-flex justify-content-center"> <ul class="navbar-nav bd-navbar-nav flex-row"> <li class="nav-item"> <a class="nav-link{{ if .IsHome }} active{{ end }}" href="/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Home</a> diff --git a/site/static/docs/4.3/assets/scss/_nav.scss b/site/static/docs/4.3/assets/scss/_nav.scss index 18a04cfe2..27827fa58 100644 --- a/site/static/docs/4.3/assets/scss/_nav.scss +++ b/site/static/docs/4.3/assets/scss/_nav.scss @@ -50,7 +50,7 @@ padding-left: .5rem; .navbar-nav-scroll { - max-width: 100%; + width: 100%; height: 2.5rem; margin-top: .25rem; overflow: hidden; |