<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="m-5"> <div class="list-group"> <div class="list-group-item list-group-item-action flex-column align-items-start"> <div class="d-flex justify-content-between"> <h5 class="mb-1">Identification</h5> <button class="btn btn-default"><span class="fa fa-plus"></span>Modifier</button> </div> <p class="mb-1">Nom Prénom Téléphone</p> </div> <div class="list-group-item list-group-item-action flex-column align-items-start"> <div class="d-flex w-100 justify-content-between"> <h5 class="mb-1">Mot de passe</h5> <button class="btn btn-default"><span class="fa fa-plus"></span>Modifier</button> </div> <p class="mb-1">********</p> </div> <div class="list-group-item list-group-item-action flex-column align-items-start"> <div class="d-flex w-100 justify-content-between"> <h5 class="mb-1">Options par défaut</h5> <button class="btn btn-default"><span class="fa fa-plus"></span>Modifier</button> </div> <p class="mb-1">Mode de paiement, Adresses</p> </div> </div> </div>