"dropList"
Bootstrap 3.3.0 Snippet by Tomboasy

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Liste de suggestion de messages</h2> </div> <div class="row"> <div class="col-md-5"> <div class="panel panel-primary"> <div class="panel-heading" id="accordion"> <div class="pull-left" style="width:80%"><p>Voici quelques suggestions de messages. <br>Copiez le message de votre choix et collez-le dans le champs « Message ».</p> </div> <div class="btn pull-right"> <a type="button" class="btn btn-default btn-xs" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> <span class="glyphicon glyphicon-chevron-down"></span> </a> </div> <div class="clearfix"></div> </div> <div class="panel-collapse collapse" id="collapseOne"> <div class="panel-body"> <ul class="list-group"> <li class="list-group-item">Que Dieu vous donne la force et le courage pour surmonter cette épreuve, nos sympathies les plus sincères.</li> <li class="list-group-item">Il faut aimer la vie et en apprécier chaque moment, car un jour la mort nous emporte. Nous avons vécu beaucoup de merveilleux moments en sa compagnie et tous ses moments seront à jamais gravés dans le coeur de tous ceux qui l'on aimé. Nos sympathies les plus sincères.</li> <li class="list-group-item">Nos pensées et nos prières vous accompagnent.</li> <li class="list-group-item">Avec nos plus sincères condoléances. </li> <li class="list-group-item">Nous partageons votre douleur.</li> <li class="list-group-item">Nos pensées vous accompagnent en ces heures d'affliction. Puisse notre message de sympathie apaiser votre douleur.</li> <li class="list-group-item">Bien que les fleurs se fanent, meurent et disparaissent, leurs précieux parfums demeurent toujours.</li> <li class="list-group-item">En cette pénible occasion, avec toute notre affection.</li> <li class="list-group-item">Recevez nos sincères condoléances, sommes présents avec vous par la pensée en ce triste jour. Vous embrassons bien fort.</li> <li class="list-group-item">Avec toute notre sympathie dans cette pénible épreuve.</li> <li class="list-group-item">Nous partageons votre peine et sommes de tout coeur avec vous.</li> <li class="list-group-item">Près de vous par la pensée et la prière. Recevez nos sincères condoléances. Avec toute notre affection.</li> <li class="list-group-item">Nos plus sincères condoléances.</li> <li class="list-group-item">Nous vous accompagnons dans cette dure épreuve et vous présentons nos condoléances.</li> <li class="list-group-item">Espérant que le temps atténuera votre douleur et que les beaux moments, à jamais gravés dans votre coeur, seront pour vous réconfortants.</li> <li class="list-group-item">Que Dieu vous donne la force et le courage pour surmonter ces heures difficiles.</li> <li class="list-group-item">Les mots sont insuffisants pour exprimer mes sentiments en ces temps dificiles mais je voulais tout simplement dire que je suis toujours là avec vous. </li> </ul> </div> </div> </div> </div> </div> </div>
.panel .slidedown .glyphicon, .chat .glyphicon { margin-right: 5px; } .panel-body { overflow-y: scroll; height: 250px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } ::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; } ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; }

Related: See More


Questions / Comments: