<ul class="list-group">
  <li class="list-group-item">Cras justo odio</li>
  <li class="list-group-item">Dapibus ac facilisis in</li>
  <li class="list-group-item">Morbi leo risus</li>
  <li class="list-group-item">Porta ac consectetur ac</li>
  <li class="list-group-item">Vestibulum at eros</li>
</ul>

<ul class="list-group1">
  <li class='list-group-item'>Dernières infos</li>
  <li class="list-group-item">
  <h4 class="titre"><a href="#">Pays du Golfe : Il faut améliorer la protection
     des travailleurs migrants</a></h4>
  <p class="text-courant">Les ministres du Travail du Golfe et d’Asie participent à la 3ème réunion 
     du Dialogue d’Abou Dabi</p>
  <p class="date">23 NOVEMBRE 2014  Communiqué de presse</p>
     </li>
  <li class="list-group-item"><h4 class="titre"><a href="#">Pays du Golfe : Il faut améliorer la protection
     des travailleurs migrants</a></h4>
  <p class="text-courant">Les ministres du Travail du Golfe et d’Asie participent à la 3ème réunion 
     du Dialogue d’Abou Dabi</p>
  <p class="date">23 NOVEMBRE 2014  Communiqué de presse</p></li>
  <li class="list-group-item"><h4 class="titre"><a href="#">Pays du Golfe : Il faut améliorer la protection
     des travailleurs migrants</a></h4>
  <p class="text-courant">Les ministres du Travail du Golfe et d’Asie participent à la 3ème réunion 
     du Dialogue d’Abou Dabi</p>
  <p class="date">23 NOVEMBRE 2014  Communiqué de presse</p></li>

</ul>

<ul class="list-group">
  <li class="list-group-item">
    <span class="badge">14</span>
    Cras justo odio
  </li>
  <li class="list-group-item">
    <span class="badge">2</span>
    Dapibus ac facilisis in
  </li>
  <li class="list-group-item">
    <span class="badge">1</span>
    Morbi leo risus
  </li>
</ul>

<div class="list-group">
  <a href="#" class="list-group-item active">
    Cras justo odio
  </a>
  <a href="#" class="list-group-item">Dapibus ac facilisis in</a>
  <a href="#" class="list-group-item">Morbi leo risus</a>
  <a href="#" class="list-group-item">Porta ac consectetur ac</a>
  <a href="#" class="list-group-item">Vestibulum at eros</a>
</div>

<div class="list-group">
  <a href="#" class="list-group-item active">
    <h4 class="list-group-item-heading">List group item heading</h4>
    <p class="list-group-item-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Serpere anguiculos, nare anaticulas.</p>
  </a>
  <li href="#" class="list-group-item active">
    <h4 class="list-group-item-heading">List group item heading</h4>
    <p class="list-group-item-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Serpere anguiculos, nare anaticulas.</p>
  </li>
  <li href="#" class="list-group-item active">
    <h4 class="list-group-item-heading">List group item heading</h4>
    <p class="list-group-item-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Serpere anguiculos, nare anaticulas.</p>
  </li>
</div>