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.

missing ".dropdown-menu-right" in v4.0.0-beta

See original GitHub issue

In v4.0.0-beta there is no .dropdown-menu-right class. It was included in v4.0.0-alpha6 and its there in docs.

Issue Analytics

State:
Created 6 years ago
Comments:8 (4 by maintainers)

Top GitHub Comments

2reactions

JavanXDcommented, Aug 17, 2017

I could not reproduce it: https://www.codeply.com/go/ULpwrXl7R1 But in my project i have also this issue since upgrading from alpha.6 to beta: grafik Can’t find the difference

Update: .dropdown-menu-right { right: 0; left: auto; } Inserting this into my .css fixed this issue for me.

2reactions

Johann-Scommented, Aug 11, 2017

That’s right because Dropdown now depend on Popper.js and when you applied .dropdown-menu-right to your Dropdown it will be positionned by Popper.js not by CSS

Top Results From Across the Web

Dropdowns - Bootstrap

Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They're made interactive with the included Bootstrap dropdown ...

Bootstrap 4 Dropdown Menu not working? - Stack Overflow

Edit: In case anyone else is having this problem, I believe the solution for OP was that he had not imported popper.js ....

Bootstrap 4 dropdown menu is not working. - Laracasts

Hi. I have a fresh Laravel 5.5. I have change the webpack and asset configurations to use Bootstrap v4. Everything is working except...

Bootstrap 4 Dropdowns - W3Schools

To disable an item in the dropdown menu, use the .disabled class (gets a light-grey text color and a "no-parking-sign" icon on hover): ......