From: Mark Otto <markd.otto@gmail.com>
Date: Wed, 15 Apr 2020 04:22:55 +0000 (-0700)
Subject: v5: Improve the responsiveness of our Dashboard example (#30573)
X-Git-Tag: v5.0.0-alpha1~233
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=fea6f6987de58dddbbf8583a5ba1112ed73dddf0;p=thirdparty%2Fbootstrap.git

v5: Improve the responsiveness of our Dashboard example (#30573)

Cleans up some column classes to ensure things line up across all viewports. Also fixes some broken padding on the .navbar-brand.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
---

diff --git a/site/content/docs/4.3/examples/dashboard/index.html b/site/content/docs/4.3/examples/dashboard/index.html
index 899739a306..433294e698 100644
--- a/site/content/docs/4.3/examples/dashboard/index.html
+++ b/site/content/docs/4.3/examples/dashboard/index.html
@@ -12,7 +12,7 @@ extra_js:
 ---
 
 <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>
+  <a class="navbar-brand col-md-3 col-lg-2 mr-0 px-3" 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>
   </button>
@@ -26,8 +26,8 @@ extra_js:
 
 <div class="container-fluid">
   <div class="row">
-    <nav id="sidebarMenu" class="col-md-2 d-md-block bg-light sidebar collapse">
-      <div class="position-sticky">
+    <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse">
+      <div class="position-sticky pt-3">
         <ul class="nav flex-column">
           <li class="nav-item">
             <a class="nav-link active" aria-current="page" href="#">