<div class="col-md-3">
    <div class="profile-sidebar text-center">
        <ul class="nav  navbar-default nav-stacked text-left" role="tablist">
            <li role="presentation" class="active"><a href="#Information" aria-controls="Information" role="tab" data-toggle="tab">Information peronnelle</a></li>
            <li role="presentation"><a href="#photo" aria-controls="photo" role="tab" data-toggle="tab">Photo de profile</a></li>
            <li role="presentation"><a href="#mdp" aria-controls="mdp" role="tab" data-toggle="tab">Mot de passe</a></li>
            <li role="presentation"><a href="#invitationmails" aria-controls="invitationmails" role="tab" data-toggle="tab">Inviter un(e) ami(e)</a></li>

        </ul>
    </div>
</div>