Bonjour, 

je suis entrain de developper un site web et j'ai un soucis de design. 

je suis entrain de réaliser un menu et voici ce que j'aimerai avoir.

Voila ce que j'ai pour le moment

Voila mon menu

<nav class="navbar navbar-expand-lg navbar-custom">
  <a class="navbar-brand" href="#">Logo</a>

  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarNavDropdown">
    <ul class="navbar-nav ml-auto">
      <li class="nav-item active">
        <a class="nav-link" href="{{ url('frontend_homepage') }}">Accueil</a>
      </li>
      {% if app.user %}

          {% if is_granted('ROLE_ADMIN') %}
          <li class="nav-item">
            <a class="nav-link" href="{{url('easyadmin')}}">Admin</a>
          </li>

        {% endif %}
        <li class="nav-item"><a class="nav-link" href="{{url('fos_user_security_logout')}}">Se deconnecter</a></li>
      {% endif %}
          <li class="nav-item"><a class="nav-link" href="{{url('fos_user_profile_show')}}">Espace client</a></li>
    </ul>
  </div>


</nav>

.navbar
{
    height: 120px;

}

/* change the background color */
.navbar-custom {
    background-color: #4292D0;

}


/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: white;
    font-weight: bold;
}

Je n'arrive pas a faire l'inverse 

Pouvez vous m'aider ? 

merci d'avance

Merci de ton aide

Ca ne change rien. Le lien reste à droite . 

Salut,

c'est la classe ml-auto sur l'ul qui fait ça.

Et je n'y connais rien à Bootstrap que je n'utilise jamais.

-
Edité par Frogweb 16 septembre 2019 à 10:51:54

Effectivement ca fonctionne avec mr-auto. merci beaucoup , enfaite c'etait tout simple. 

Ok.

Pense à mettre ton sujet en résolu