I’m using react-select to create a multiple choices select in my form. The problem is that its content is being covered by the other inputs’s labels (i am using bootstrap form-floating) and just by adding a high z-index in the options class.

Ive am a fairly new developer and im stuck on a problem with the bootstrap navbar.

i have this Bootstrap 5 megamenu and i want to make all the dropdowns menu long all the page width and that all have the same position, like this page. How can i make the dropdown menues larger? Which Bootstrap class do i have to modify? I have tried but nothing changes i don’t know why… (i hope you can visualize the menu correctly with the code snipped)

I need to make the dropdown menu as this page without the content, that occupies all the width of the page. I also need to make all the “lorem” links of the menu central in the navbar. I’m not able to edit bootstrap classes so I can’t make this. How can I fix that? (please open it in full page, and i don’t know why with the code snipped the hover menu doesn’t work)

I have the following codes not working correctly except Mozilla Firefox browser. I’m using Bootstrap 5.3. Anyone can help me for a working tablist with select option?