Bootstrap 5 removed form-inline class

Created on 18 February 2025, 14 days ago

I spotted this problem adding a site search form that refused to display inline. Before creating a subtheme component with lots of custom CSS, I found the documentation that says that moving from Bootstrap 4 to 5:

Breaking Dropped form-specific layout classes for our grid system. Use our grid and utilities instead of .form-group, .form-row, or .form-inline.

The solution for my search form block was to replace form-inline in the <form> class list with d-flex flex-row flex-wrap.

I'll see, later, if I can turn this into a patch / merge-request. Although ideally someone who knows this base theme better than I do (and who probably knows the Bootstrap framework better than me too) would do this, because this is a theme with lots of components. Proposing something that fixes the bits of it used by my sites does not mean this is resolved for everyone, and I might miss things. So for now I'll leave this here.

πŸ› Bug report
Status

Active

Version

6.0

Component

Code

Created by

πŸ‡¬πŸ‡§United Kingdom JamesOakley Kent, UK

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024