css: .navbar-expand .dropdown position

Set/reset `.dropdown` position when `.navbar-expand`. Demo: http://jsbin.com/pojecuh

css: .navbar-expand .dropdown position
Set/reset `.dropdown` position when `.navbar-expand`. Demo: http://jsbin.com/pojecuh
8423e5c3 · Catalin Zalog · Mark Otto · 2436ad58 · 8423e5c3
Commit 8423e5c3 authored 8 years ago by Catalin Zalog Committed by Mark Otto 8 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 5 additions and 1 deletion
+5 -1
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -31,7 +31,7 @@
    justify-content: space-between;
    @include media-breakpoint-down(nth(map-keys($grid-breakpoints), 1)) {
-      width: 100%; // prevent flex parent container(-fluid) from collapsing
+      width: 100%; // prevent flex parent container from collapsing
      margin-right: 0;
      margin-left: 0;
    }
@@ -159,6 +159,10 @@
        .navbar-nav {
          flex-direction: row;
+          .dropdown-menu {
+            position: absolute;
+          }
          .nav-link {
            padding-right: .5rem;
            padding-left: .5rem;