Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: Bootstrap class names incorrect in Bootstrap 5 example #896

Open
jgbishop opened this issue Mar 5, 2025 · 0 comments
Open

[Bug]: Bootstrap class names incorrect in Bootstrap 5 example #896

jgbishop opened this issue Mar 5, 2025 · 0 comments
Labels
bug Something isn't working

Comments

@jgbishop
Copy link

jgbishop commented Mar 5, 2025

Bug description

The styling examples documentation page uses the form-control class to style the <select> elements on the page. This works fine for the Bootstrap 4 styling, but in Bootstrap 5, the proper class names for <select> elements should be: form-select (and the size variants, e.g. form-select-sm). See the Bootstrap 5 docs for more.

I'm not familiar with Nunjucks, so I'm not sure what magic would be needed to fix this.

Expected behavior

When selecting the Bootstrap 5 theme, the class names for any <select> elements should be adjusted accordingly.

Steps to reproduce

  1. Go to the styling examples page.
  2. Change the theme to Bootstrap 5.
  3. Note that dropdown in the form-control-sm section isn't styled properly (it is missing the dropdown arrow).

Additional context

N/A

@jgbishop jgbishop added the bug Something isn't working label Mar 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant