]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
make docs navbar more usable on mobile
authorMark Otto <markdotto@gmail.com>
Thu, 18 Jul 2019 20:59:59 +0000 (13:59 -0700)
committerMark Otto <otto@github.com>
Mon, 22 Jul 2019 04:44:32 +0000 (21:44 -0700)
site/layouts/partials/docs-navbar.html
site/static/docs/4.3/assets/scss/_nav.scss

index ced87b9955baf764524ae923a5e6426023aa332c..439242865bdec7648d9768e161bbf0f3d5116bcf 100644 (file)
@@ -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>
index 18a04cfe202e4ddcb9c8c8668306ed3024eb0d39..27827fa58683d3058049a4687397a50c924c1a06 100644 (file)
@@ -50,7 +50,7 @@
     padding-left: .5rem;
 
     .navbar-nav-scroll {
-      max-width: 100%;
+      width: 100%;
       height: 2.5rem;
       margin-top: .25rem;
       overflow: hidden;