mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-14 01:24:19 +02:00
Code Issues Releases Wiki Activity

move padding on nav links and brand to be responsive padding, keeping mobile contents aligned better

Browse Source
This commit is contained in:
Mark Otto
2016-12-21 13:19:14 -08:00
committed by Mark Otto
parent 50c76fd841
commit 350f8a20c9
1 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
scss/_navbar.scss
View File

@@ -62,15 +62,20 @@
.navbar-brand {
display: inline-block;
padding: .25rem .5rem;
padding-top: .25rem;
padding-bottom: .25rem;
font-size: $font-size-lg;
line-height: inherit;
@include hover-focus {
text-decoration: none;
}
}
@include media-breakpoint-up(sm) {
padding-right: .5rem;
padding-left: .5rem;
}
}
.navbar-divider {
float: left;
@@ -128,13 +133,19 @@
.nav-link {
display: block;
padding: .425rem .5rem;
padding-top: .425rem;
padding-bottom: .425rem;
}
@include media-breakpoint-up(sm) {
.nav-item {
display: inline-block;
}
.nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
}
}