pull-right / float-right not working in Bootstrap 4

Question

How can I make bootstrap-tabdrop.js compatible with Bootstrap 4?

Demo

I changed pull-right to float-right but did not work :(

please help me.

Answer 1

See this answer float right / left not works in flex item you need to change the order of item and put the margin-left:auto

li.tabdrop{
    order:2;
    margin-left:auto;
}

https://jsfiddle.net/ag4sa7fr/2/