Replies: 1 comment
-
Any update on this? I've ended to create my own class And then add this .navbar-vertical {
.navbar-nav {
.nav-divider {
background-color: rgba(0, 0, 0, .1);
.nav-link {
&:hover, &:active, &:focus {
color: inherit;
cursor: default;
}
}
}
}
} Result: <ul class="navbar-nav pt-lg-3">
<li class="nav-divider ">
<a class="nav-link" href="#">
<span class="nav-link-title">Divider 1</span>
</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="">
<span class="nav-link-icon d-md-none d-lg-inline-block text-center"><i class="fas fa-calendar"></i></span>
<span class="nav-link-title">1.11</span>
</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="">
<span class="nav-link-icon d-md-none d-lg-inline-block text-center"><i class="fas fa-file-contract"></i></span>
<span class="nav-link-title">1.2</span>
</a>
</li>
<li class="nav-divider ">
<a class="nav-link" href="#">
<span class="nav-link-title">Divider 2</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" data-bs-auto-close="false" aria-expanded="1">
<span class="nav-link-icon d-md-none d-lg-inline-block text-center"><i class="fas fa-paste"></i></span>
<span class="nav-link-title">2.1</span>
</a>
<div class="dropdown-menu " data-bs-popper="none">
...
</div>
</li>
</ul> |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
When using vertical menu,
it will be nice if we can add "menu divider/spacer".
It can look something like that
Beta Was this translation helpful? Give feedback.
All reactions