diff --git a/scss/_nav.scss b/scss/_nav.scss index 30c2c819b..7d83a29c7 100644 --- a/scss/_nav.scss +++ b/scss/_nav.scss @@ -43,6 +43,7 @@ .nav-link { margin-bottom: -$nav-tabs-border-width; + background: none; border: $nav-tabs-border-width solid transparent; @include border-top-radius($nav-tabs-border-radius); @@ -80,6 +81,8 @@ .nav-pills { .nav-link { + background: none; + border: 0; @include border-radius($nav-pills-border-radius); } diff --git a/site/content/docs/5.0/components/navs-tabs.md b/site/content/docs/5.0/components/navs-tabs.md index 314dd47a6..d05a22134 100644 --- a/site/content/docs/5.0/components/navs-tabs.md +++ b/site/content/docs/5.0/components/navs-tabs.md @@ -315,13 +315,13 @@ Note that dynamic tabbed interfaces should not contain dropdown menus,
@@ -340,13 +340,13 @@ Note that dynamic tabbed interfaces should not contain dropdown menus, ```html
@@ -361,9 +361,9 @@ To help fit your needs, this works with `
    `-based markup, as shown above, or
    @@ -382,9 +382,9 @@ To help fit your needs, this works with `
      `-based markup, as shown above, or ```html
      @@ -399,13 +399,13 @@ The tabs plugin also works with pills.
      @@ -424,13 +424,13 @@ The tabs plugin also works with pills. ```html
      @@ -445,10 +445,10 @@ And with vertical pills.
      @@ -470,10 +470,10 @@ And with vertical pills. ```html
      ...
      @@ -492,16 +492,16 @@ You can activate a tab or pill navigation without writing any JavaScript by simp @@ -561,21 +561,21 @@ To make tabs fade in, add `.fade` to each `.tab-pane`. The first tab pane must a #### constructor -Activates a tab element and content container. Tab should have either a `data-bs-target` or an `href` targeting a container node in the DOM. +Activates a tab element and content container. Tab should have either a `data-bs-target` or, if using a link, an `href` attribute, targeting a container node in the DOM. ```html