Correction de la grille Bootstrap

Correction grille Bootstrap


<div class="container">
<header class="page-header">
    <h1>Mon amour pour les tigres</h1>
</header>
   <section class="row">
     <div class="col-lg-12">
        <p>Je suis passionné par les <strong>tigres</strong> depuis très longtemps. Ce site a été construit en <em> hommage à ces merveilleux félins...</em><br>
        Je fais partie de la <abbr title="Société des Amoureux des Tigres">SAT</abbr> qui a pour but de faire connaître ces splendides animaux.</p>
        <p>Voici ce qu'en dit le wikipedia :</p>
        <blockquote>
        Le Tigre (Panthera tigris) est un mammifère carnivore de la famille des félidés (Felidae) du genre Panthera. Aisément reconnaissable à sa fourrure rousse rayée de noir, il est le plus grand félin sauvage et l'un des plus grands carnivores du monde. L'espèce est divisée en neuf sous-espèces possédant des différences mineures en termes de taille ou de comportement. Superprédateur, il chasse principalement les cerfs et les sangliers, bien qu'il puisse s'attaquer à des proies de taille plus importante comme les buffles. Jusqu'au XIXe siècle, le Tigre était réputé mangeur d'homme. La structure sociale des tigres en fait un animal solitaire ; le mâle possède un territoire qui englobe les domaines de plusieurs femelles et ne participe pas à l'éducation des petits.<br>
        <small class="pull-right">Wikipedia</small><br>
        </blockquote>
     </div>
   </section>
   <section class="row row-cols-1 row-cols-sm-3 row-cols-md-4 row-cols-lg-6">
        <div class="col"><img src="images/t8.jpg" alt="Tigre"></div>
        <div class="col"><img src="images/t2.jpg" alt="Tigre"></div>
        <div class="col"><img src="images/t11.jpg" alt="Tigre"></div>
        <div class="col"><img src="images/t10.jpg" alt="Tigre"></div>
        <div class="col"><img src="images/t5.jpg" alt="Tigre"></div>
        <div class="col"><img src="images/t15.jpg" alt="Tigre"></div>
        <div class="col"><img src="images/t3.jpg" alt="Tigre"></div>
        <div class="col"><img src="images/t12.jpg" alt="Tigre"></div>
        <div class="col"><img src="images/t1.jpg" alt="Tigre"></div>
        <div class="col"><img src="images/t9.jpg" alt="Tigre"></div>
        <div class="col"><img src="images/t14.jpg" alt="Tigre"></div>
        <div class="col"><img src="images/t9.jpg" alt="Tigre"></div>
   </section>
        
<div class="row row-cols-1 row-cols-lg-2">
   <section class="col">
   <h5>Voici les sous-espèces des tigres :</h5><br>
   <ul>
      <li>Tigre de Sibérie</li>
      <li>Tigre de Chine méridionale</li>
      <li>Tigre de Bali</li>
      <li>Tigre de d'Indochine</li>
      <li>Tigre de Malaisie</li>
      <li>Tigre de Java</li>
      <li>Tigre de Sumatra</li>
      <li>Tigre du Bengale</li>
      <li>Tigre de la Caspienne</li>
   </ul>
   </section>
   <section class="col">
        <img src="https://www.zoolabarben.com/wp-content/uploads/2020/07/tigre_fiche.jpg" alt="Tigre">
   </section>
  </div>
 Copyright 2021</div>


retour sur la page Bootstrap d'Easy-Micro