Style For Floating Right In Bootstrap 4 Doesn't Work

In this fiddle, I can see that the search box is floated right, as supposed to. On my screen, it's not. In fact, it behaves as if I put the style to be float-xs-left or simply left

Solution 1:

The problem is with the combination of the new bootstrap's grid system (which is based on flex) and the float-right that you wanted for the logo.

You can solve this by using

.navbar.row.form-inline.float-xs-right {
    position: absolute;
    right: 0;
}