v6 docs: use `text-wrap: pretty` to improve paragraoh styling
Maintainers usually reply within 1 day
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 75/100
- Issue type
- Documentation
- Clarity
- Mostly clear
- Activity status
- Active
- Tech stack
- bootstrap, css, scss
- Domain
- documentation, frontend
Research direction
Start with the v6 documentation examples, especially the install page linked in the issue, and inspect how paragraphs are styled there. Apply the existing Bootstrap text-wrap: pretty utility to the relevant <p> elements, following the issue's examples. Done means the affected v6 docs use the utility consistently and the rendered paragraphs no longer show avoidable widows or orphans.
Written by the indexing model from the issue text.
Description
Just a little UI micro-optimization idea... adding text-wrap: pretty; to <p> prevents widows and orphans and can make text look nicer and easier to read.
It's already supported as a Bootstrap utility class - but a quick reminder of how it works is well illustrated in this demo/article: https://developer.chrome.com/blog/css-text-wrap-pretty/
I recommend adding it to the docs. I can see a few places where it'd help.
e.g. right now: https://getbootstrap.com/docs/6.0/getting-started/install/#using-yarn
with text-wrap: pretty; to <p>
Not a big difference, but worth doing I think....
- Dominant language
- MDX
- Stars
- 175k
- Forks
- 78.5k
- Avg merge
- 6h 50m
- Merged PRs (30d)
- 96
Getting set up
- No Dockerfile or Docker Compose file
- Has a pull request template
- Read the contributing 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.
More from twbs/bootstrap
-
bug confirmed docs v6
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
Maintainers usually reply within 1 day
-
File input height taller than expectedPossibly taken A pull request linked to this issue is open or already merged. Openbug confirmed css has-pr v6
Difficulty 2/5 1-3 hours Newbie friendliness 73/100
Maintainers usually reply within 1 day
-
Theme variations like theme-contrast do not work as expected in a table.Possibly taken @bercedev claimed this 4 days ago. Openbug confirmed css has-pr v6
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
Maintainers usually reply within 1 day
-
docs: datepicker data attributes & form submissionPossibly taken A pull request linked to this issue is open or already merged. Opendocs feature has-pr html needs-decision v6
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
Maintainers usually reply within 1 day
-
bug docs v5
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
twbs/bootstrap#43080 · 2 comments ·
Maintainers usually reply within 1 day
Similar issues
-
[CLI] Clarify distinction between 'capture camera' and 'capture screen' in help text and outputOpen
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
espressif/esp-vision#18 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
epiverse-trace/tutorials#245 ·
-
Difficulty 1/5 1-3 hours Newbie friendliness 88/100
OffchainLabs/arbitrum-docs#3767 ·
Maintainers usually reply within 1 day
-
Difficulty 1/5 Under an hour Newbie friendliness 86/100
akitaonrails/ai-book-2026#10 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
jellyfin/jellyfin-helm#165 ·