Skip to content

Underlined vertical nav #43368

Open
Open

Description

@sanpii

Prerequisites

Proposal

<ul class="nav nav-underline flex-column">
  <li class="nav-item">
    <a class="nav-link active" aria-current="page" href="#">Active</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" aria-disabled="true">Disabled</a>
  </li>
</ul>

Actual:

Screenshot 2026-11-13 at 14-08-41 Nav · Bootstrap v6 0

Expected:
Screenshot 2026-11-13 at 14-11-50 Nav · Bootstrap v6 0

Motivation and context

I saw this design here, on github, it’s especially appropriate with a large nav bar.

Activity

  1. added
    featureNew feature, or a change to how an existing one works
    on Nov 13, 2026
  2. added
    cssSass sources or compiled CSS
    needs-decisionA maintainer decides first: scope, design or breaking change
    v6v6, the main branch
    on Nov 13, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    cssSass sources or compiled CSSfeatureNew feature, or a change to how an existing one worksneeds-decisionA maintainer decides first: scope, design or breaking changev6v6, the main branch

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions