Estoy aprendiendo HTML CSS y Bootstrap y estoy armando una web. Necesito que el botón de nombre quede alineado a la izquierda y los otro cuatro botones alineados a la derecha, uno próximo al otro obviamente, y no puedo lograrlo. Es una NavBar simple.
<nav class="navbar navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Nombre</a>
<a id="navbar-facebook" href="#"><i class="fa-brands fa-facebook-square fa-lg"></i</a>
<a id="navbar-instagram" href="#"><i class="fa-brands fa-instagram fa-lg"></i></a>
<a id="navbar-twitter" href="#"><i class="fa-brands fa-twitter fa-lg"></i></a>
<a id="navbar-login" href="#"><button type="button" class="btn btn-outline-success btn-sm">Login</button></a>
</div>
</nav>