I'm using Bootstrap 4 (which uses flexbox for breadcrumbs) and I'm trying to have one of my breadcrumb items appear on the right hand side of the breadcrumb bar.
In bootstrap 3 this used to work:
<ul class="breadcrumb">
<li><a href="/">Home</a> <span class="divider">/</span></li>
<li class="active">Jobs</li>
<li class="pull-right">
<a href="/create" class="btn btn-default">
New
</a>
</li>
</ul>
However in Bootstrap 4, this doesn't work, all 3 items are on the left (I've replaced pull-right with float-right as per the docs)
Edit
Not a duplicate - as mentioned I know to use float-right - it just doesn't work in breadcrumbs because these use flexbox.