Changing visual order of flex items issue

Created by: Cooleronie

Utility in question: http://v4-alpha.getbootstrap.com/utilities/flexbox/#order

First of all, the example provided for Order does not include the utility order at all. Rather, it uses the flex-order classes explained here.

When I try to use the order utility it doesn't work, whereas flex-first and flex-last work as intended.

So this works:

<div class="d-flex">
     <div>2</div>
     <div class="flex-first">1</div>
</div>

This does not:

<div class="d-flex">
     <div>2</div>
     <div class="order-first">1</div>
</div>

Yet the documentation mentions order-first as if you can use it the same way one can use flex-first.

The reason why this is an issue is because of the responsive variations. In Alpha 5 you had the option to use classes such as flex-xs-first and flex-md-last, but they seem to be deprecated.

So, knowing I am not supposed to ask questions here, how would one go about replacing the flex-{breakpoint}-{order} in Alpha 6? Or is the order utility bugged and will get a fix soon?

(Not looking for alternative custom solutions, as I expect this feature to be shipped in Bootstrap itself)

Thanks!