How to do this in bootstrap 4?

Question

css

In 3 it was like this:

<a class="navbar-brand" href="/">Title></a>
<a class="custom navbar-brand" href="#">Баланс</a>

And it came out like this:

And now it's like this:

How can this be implemented in BS 4?
Provided that the menu should be on the right...

Answer 1

shove the balance inside navbar-brand
and immediately it should probably be said that you can safely change that navbar-brand is a link. and make it a div for example. and it is better to immediately set the style to it inline block; for example
, and already inside make 2 links. one for the brand. another for balance

Answer 2

Learn CSS)

Answer 3

In version 4, flex was introduced, so I think you should do it with flex-grow.
I don’t know what kind of helpers there are in the 4th strap, but in theory it should look like this:

<nav class="navbar">
  <li class="element-1"></li>
  <li class="element-2"></li>
  <li class="element-3"></li>
</nav>

.element-3 {
  flex-grow: 3;
  align-self: flex-end;
}