Reconsider `.help-block` styles
Nobody has claimed this yet.
- Dominant language
- SCSS
- Stars
- 569
- Forks
- 72
- Avg merge
- 1d 2h
- Merged PRs (30d)
- 5
Description
bslib includes BS3 backwards compat styles for the .help-block class used by helpText():
.help-text, .help-block {
@extend .form-text; @extend .text-muted;
}
But in BS3, .help-block included display: block (hence the -block suffix). We don't have similar styles in BS4+, so helpText() renders inline instead of below the controls it tries to describe.
| BS3 | BS5 |
|---|---|
Two options:
- Add a
.help-blockclass to BS4+ that includesdisplay: block. helpText()might be due for an update.
Contributor guide
No contributing guide indexed for this repository
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 by reviewing the existing BS3 compatibility rule for .help-block and the helpText() behavior across Bootstrap 4 and 5. Compare the rendered examples, then resolve whether the compatibility class or helpText() should change; done means help text renders below the controls it describes without breaking supported Bootstrap versions.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- bootstrap, scss
- Domain
- design, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100