Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Fieldset legend does not work in bootstrap 5.0 beta-1

See original GitHub issue

The following code does not work in v5.0 beta-1 while it perfectly works in v4.5.3

<fieldset class="border p-2">
   <legend  class="w-auto">Your Legend</legend>
</fieldset>

Issue Analytics

State:
Created 3 years ago
Comments:20 (5 by maintainers)

Top GitHub Comments

23reactions

amirsoltaanicommented, Dec 22, 2021

fieldset class="border rounded-3 p-3" legend class="float-none w-auto px-3"

this should work!

4reactions

Udo-Engcommented, Apr 10, 2022

Thanks alot guys using border rounded-3 p-3 on fieldset and float-none w-auto px-3 on legend sure worked for me

Top Results From Across the Web

Use Fieldset Legend with bootstrap - html

There seems to be two problems of fieldset with bootstrap: The bootstrap sets the width to the legend as 100%. That is why...

Bootstrap Fieldset Legend: How To + Examples + Template

A tutorial on how to use fieldsets with legends in Bootstrap forms. Three different examples. Free template available for download.

Migrating to v4

Rewrote component with flexbox. Given move to flexbox, alignment of dismiss icons in the header is likely broken as we're no longer using...

Issues for Barrio Bootstrap 5 Theme

Title Status Priority Category Mixins call unknown function svg‑load Closed (works as designed) Normal Support request Table Styling Bootstrap 5 Needs review Normal Support request subtheme...

bootstrap

bootstrap /scss/_forms.scss ; 47, // ; 48, // HTML5 says that controls under a fieldset > legend:first-child won't be ; 49, // disabled...