pull-right in bootstrap 4 does not work : I have [read][1] that the `pull-right` class has been removed
and in its place there are classes such as `.float-{xs,sm,md,lg,xl}-{left,right,none}` - as seen in [this question][2] too.

but i cant get it to work.
I have setup a demo at 
https://jsfiddle.net/kneidels/x8Lhmajc/1/
you will see the word "menu" on the top left, which has a drop down attached. that is supposed to be floated to the right
but as you can see its not working.


  [1]: https://v4-alpha.getbootstrap.com/migration/
  [2]: https://stackoverflow.com/questions/39542435/bootstrap-4-pull-xs-right-not-working-as-expected