diff options
| author | Martijn Cuppens <[email protected]> | 2020-02-25 17:32:23 +0200 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2020-03-04 16:17:01 +0200 |
| commit | 0cfd8dfddf17112039a5e792bb063085c9281d00 (patch) | |
| tree | f9ea55e60a91d0680e239d8c05bc5a0774056a44 | |
| parent | a99c531aa7a2d2ba1052a8250c67a7d1337745fa (diff) | |
| download | bootstrap-0cfd8dfddf17112039a5e792bb063085c9281d00.tar.xz bootstrap-0cfd8dfddf17112039a5e792bb063085c9281d00.zip | |
CSS & alignment tweaks
| -rw-r--r-- | site/content/docs/4.3/examples/dashboard/dashboard.css | 19 | ||||
| -rw-r--r-- | site/content/docs/4.3/examples/dashboard/index.html | 4 |
2 files changed, 4 insertions, 19 deletions
diff --git a/site/content/docs/4.3/examples/dashboard/dashboard.css b/site/content/docs/4.3/examples/dashboard/dashboard.css index 259cf6382..ef196319a 100644 --- a/site/content/docs/4.3/examples/dashboard/dashboard.css +++ b/site/content/docs/4.3/examples/dashboard/dashboard.css @@ -28,7 +28,6 @@ body { } } - .sidebar-sticky { position: relative; top: 0; @@ -70,20 +69,6 @@ body { } /* - * Content - */ - -[role="main"] { - padding-top: 133px; /* Space for fixed navbar */ -} - -@media (min-width: 768px) { - [role="main"] { - padding-top: 48px; /* Space for fixed navbar */ - } -} - -/* * Navbar */ @@ -96,8 +81,8 @@ body { } .navbar .navbar-toggler { - top: 4px; - right: 4px; + top: .25rem; + right: 1rem; } .navbar .form-control { diff --git a/site/content/docs/4.3/examples/dashboard/index.html b/site/content/docs/4.3/examples/dashboard/index.html index f76df4f66..a21af0186 100644 --- a/site/content/docs/4.3/examples/dashboard/index.html +++ b/site/content/docs/4.3/examples/dashboard/index.html @@ -11,7 +11,7 @@ extra_js: - src: "dashboard.js" --- -<nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow"> +<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow"> <a class="navbar-brand col-md-2 mr-0" href="#">Company name</a> <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-toggle="collapse" data-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> @@ -102,7 +102,7 @@ extra_js: </div> </nav> - <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4"> + <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4"> <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom"> <h1 class="h2">Dashboard</h1> <div class="btn-toolbar mb-2 mb-md-0"> |