Description
Describe the bug
After updating Bootstrap Vue Next to the latest version, I noticed that b-form-group elements no longer have the expected default margin (especially margin-bottom). This styling used to be applied to maintain proper spacing between form elements but seems to have been removed or altered in the latest release.
Steps to Reproduce:
Update to the latest version of Bootstrap Vue Next.
Use b-form-group components in a Vue 3 project.
Check padding and margin on b-form-group components in DevTools.
Expected Behavior:
b-form-group elements should have consistent spacing (margin-bottom) applied by default, similar to previous versions.
Current Behavior:
b-form-group components lack margin-bottom, causing form elements to appear closely packed without spacing.
Screenshots:
Additional Context:
I’ve applied temporary CSS overrides to address this issue, but an official fix would help avoid maintaining custom CSS for each project.
Reproduction
https://stackblitz.com/edit/github-amz8xq
Used Package Manager
npm
Validations
- Have tested with the latest version. This is still alpha version and sometime things change rapidly.
- Follow our Code of Conduct
- Read the Contributing Guide.
- Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
- The provided reproduction is a minimal reproducible of the bug.