rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

make docs navbar more usable on mobile

Browse Source
This commit is contained in:
Mark Otto 2019-07-18 13:59:59 -07:00 committed by Mark Otto
parent 5027a8086a
commit 956cbbc6b7
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
site/layouts/partials/docs-navbar.html
View 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>

2
site/static/docs/4.3/assets/scss/_nav.scss
View File

@ -50,7 +50,7 @@
padding-left: .5rem;
.navbar-nav-scroll {
max-width: 100%;
width: 100%;
height: 2.5rem;
margin-top: .25rem;
overflow: hidden;