Support for Bootstrap 5

[ronvdberkmortel]

Hello,

Since the third Alpha version of Bootstrap 5 will be out soon, it would be great if support could be added to this package. In my opinion, this package offers the best combination with regards to forms in Laravel and Bootstrap. I am sadly not too familiar with the inner workings of the package, else I would have created a proposal.

The changelog is not that huge regarding forms (https://v5.getbootstrap.com/docs/5.0/migration/):

• Rearranged form documentation under its own top-level section.
  • Split out old Forms page into several subpages
  • Moved input groups docs under the new Forms section
• Rearranged source Sass files under scss/forms/, including moving over input group styles.
• Combined native and custom checkboxes and radios into a single .form-check class.
  • New checks support sizing via em/font-size or explicit modifier classes now.
  • New checks now appear larger by default for improved usability.
  • Dropped .custom-control and associated classes.
  • Renamed most $custom-control variables to $form-control ones.
• Combined native and custom selects into .form-select.
  • Dropped .custom-select and associated classes.
  • Renamed most $custom-select variables to $form-select ones.
• Updated file input component with the same overall design, but improved HTML.
  • Refactored .form-file markup to resolve some visual bugs while allowing translation and button text changes via HTML instead of CSS.
  • Dropped native .form-control-file and .form-control-range components entirely.
  • Renamed .custom-file to .form-file (including variables).
  • Added support for :focus and :disabled styles.
• Renamed .custom-range to .form-range (including variables).
• Dropped .form-group for margin utilities (we’ve replaced our docs examples with .mb-3).
• Dropped .form-row for the more flexible grid gutters.
• Dropped .form-inline for the more flexible grid.
• Dropped support for .form-control-plaintext inside .input-groups.
• Dropped .input-group-append and .input-group-prepend. You can now just add buttons and .input-group-text as direct children of the input groups.
• Form labels now require the .form-label class. Sass variables are now available to style form labels to your needs. See #30476

I am not sure if it's best to support two versions of the package or to add a config variable to switch between v4 and v5. Since the forms are rather similar, it might be easiest to add a config variable.

[bgaze]

Dear @ronvdberkmortel

Thanks a lot for your message.

I definitely plan to add support for Bootstrap 5 to this package.

As most of changes are on the CSS side, it must not be too difficult.
For what I've seen, there are three main points to update in the package for a bs5 version:

• the complete recast of form groups system.
• the replacement of new classes.
• the removal of unecessary features (custom fields for instance).

As I want the package to stick as much as possible to bootstrap, I think that I'll build two versions: v1.x.x for BS4 and v2.x.x for BS5.
This way I should be able to keep a clean code for each BS version.

I'll try to dive into this soon and I'll keep you in touch as soon as a release is made.

[ronvdberkmortel]

It appears that Bootstrap 5 Beta 1 has been released in the meantime: https://blog.getbootstrap.com/2020/12/07/bootstrap-5-beta-1/

There seem to be no major changes to the forms. Also, because it is in beta, I assume the current form classes will be the same as in the final release.

[ronvdberkmortel]

Not trying to pressure you of course, but have you had a chance to work on Bootstrap 5 support? The Bootstrap website has switched to Bootstrap 5 as its default version and we are currently on v5.0.0-beta3, which appears to be close to identical to the final release version. :)