Básicamente este es mi navbar y quisiera que cuando el usuario este logueado cambie el navbar para que aparezca log out, perfil, etc.

**¿Cómo haría ese código?** 

Gracias.

    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <i class="fa fa-bars fa-lg" aria-hidden="true"></i>
                          </button>
                <a href="index.html"><img src="img utiles/socialprop5.png" width="60px"></a>
            </div>
            <div class="nav navbar-nav navbar-right navbar-collapse collapse">
                <li><a href="faq/faq.html"><span class="glyphicon glyphicon-question-sign"></span> F.A.Q</a></li>
                <li><a href="" id="modaltrigger" data-toggle="modal" data-target="#user_login"><span class="glyphicon glyphicon-log-in" ></span> Accede</a></li>
                <li><a href="" id="modaltrigger" data-toggle="modal" data-target="#user_register"><span class="glyphicon glyphicon-log-in" ></span> Registrate</a></li>
    
            </div>
        </div>
    </div>