Have .nav-underline bottom aligned inside a .navbar container
Nobody has claimed this yet.
- Dominant language
- MDX
- Stars
- 175k
- Forks
- 78.6k
- Avg merge
- 7h 19m
- Merged PRs (30d)
- 35
Description
Prerequisites
- I have searched for duplicate or closed feature requests
- I have read the contributing guidelines
Proposal
Currently, if you add .nav-underline to a .navbar-nav, the underline styling won't line up with the bottom-border of the .navbar. For example:
https://stackblitz.com/edit/zugc1m?file=index.html
It'd be great if the underline styling applied to each .nav-link was aligned with bottom of the .navbar container.
Motivation and context
Most underlined styled navigation I see nowadays tends to align the underline styling with the bottom of a .navbar-like container.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the StackBlitz reproduction linked in the issue and inspect the .nav-underline and .navbar examples. Trace the relevant Bootstrap navigation styling, then verify that each .nav-link underline aligns with the bottom of the .navbar container without disrupting other navigation layouts.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100