I am looking to align a link to the right within the breadcrumb class of Bootstrap 4. Previously, I achieved this easily using the pull-right class in BS3. However, in BS4, 'float-right' does not seem to have the same effect.
For instance:
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active" aria-current="page">Data</li>
<a href="Basket" class="float-right">Basket</a>
</ol>
</nav>
However, in this case, the content doesn't float to the right as expected and I'm struggling to find a solution. How can I achieve this with Bootstrap 4?