search

twbs / bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
https://getbootstrap.com
MIT License
169.94k stars 78.74k forks source link

BS5: Check & Radios Documentation - centering #33539

Open lacutah opened 3 years ago

lacutah commented 3 years ago

Bootstrap 5 Documentation

I chased my tail for way to long figuring this out, and figured others could benefit from clarification / example in the docs.

All I wanted to do was visually center a BS-Stylized checkbox.

What's not clear in the documentation is that the class .form-check (and it's dependent .form-check-inline) class used in almost all the examples only purpose is to provide margin and padding that integrates it into LTR or RTL verticle or horizontal form-control flows - and it prevents you from visually centering the checkbox because of the integrated margins and padding even when using .form-check-inline.

I'd love to see an example added for centering (it would have saved me plenty of grief...), here's a starter: Simple Centering Example

mdo commented 3 years ago

Any interest in opening a PR to add an example to the docs page?

lacutah commented 3 years ago

Looks like something I can edit, and it would be really kewl to say I contributed to BS! :P Gimme a bit (4/15/2021) and I'll pull something together - or consider this confirmation ghosted, LOL.

Is it accurate that it's just editing the one .md file? bootstrap/site/content/docs/5.0/forms/checks-radios.md

lacutah commented 3 years ago

Pull request created - happy to modify if needed. #33620

lacutah commented 3 years ago

PR created and sitting seemingly unnoticed - is there something else I need to do to get it into the queue? I don't wanna be that annoying contributor but I have zero insight as to how things normally work in this project, LOL. Truly do appreciate all that you all do maintaining it!