Topic: Checkbox with long (wrapping) label causes misaligments

okaeri pro asked 1 year ago


The example below comes from editing mdbootstrap's online documentation in the developer console. I was also able to reproduce it locally in my Vue environment.

Expected behavior

The checkbox label starts at the same line as the input, like it was in Bootstrap 4 versions.

Actual behavior

actual


Dawid Wajszczuk staff answered 1 year ago


Hi,

Adding d-block class to the long label should fix it. If not try d-flex.

Keep coding,
Dawid


okaeri pro commented 1 year ago

While it works, is there any particular reason why default behavior is different in BS5 versions? It seems off, especially because standard Bootstrap 5 does not have this issue, same as older MDB 4 version.


Dawid Wajszczuk staff commented 1 year ago

There is no reason for this behavior. I have added proper task for this to our list.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.1
  • Device: N/A
  • Browser: N/A
  • OS: N/A
  • Provided sample code: No
  • Provided link: No