Correction TP media Bootstrap

Correction TP media Bootstrap

  1. Objectifs

    • Etre capable de mettre les cards dans les grilles en Bootstrap 4
  2. Rappels




  3. Exercice 01

    1. Énoncé
    2. Solution
      • 
        <div class="container-fluid">	
            <!-- Grid row -->
        <div class="row">
        
          <!-- Grid column -->
          <div class="col-lg-10 col-xl-8">
        
            <div class="media d-block d-md-flex">
              <img class="d-flex rounded-circle avatar z-depth-1-half mb-3 mx-auto" 
              src="images/alghazali.jpg"
                alt="Avatar">
              <div class="media-body text-center text-md-left ml-md-3 ml-0">
                <h5 class="mt-0 font-weight-bold text-primary">Al-Ghazali</h5>
                L’imam Abu Hamid naquit dans la ville de Tus à Khorasan (en Iran) en 450 A.H.
                 Après la mort de son père, le jeune imam, encore mineur,
                  s’installa dans la ville de Jurjan. 
                  Parti à la recherche des sciences et du savoir,
                   il apprit «les sciences fondamentales en islam». Il retourna à Tus, puis se dirigea vers Naysabur où il devint un disciple et un compagnon de l’imam Al-Djuwayni, jusqu’en 477 A.H, date du décès de ce dernier.
                    L’imam se dirigea alors vers l’Iraq. Un souverain influent, Nidham Al-Mulk, ayant entendu parler de la valeur de ce jeune imam, l’accueillit en Iraq et lui confia l’enseignement dans Al-Madrasah An-Nidhamiyyah à Bagdad en 484 A.H., 
                    Université très réputée à l’époque. 
        
                <div class="media d-block d-md-flex mt-3 shadow-textarea">
                  <img class="d-flex rounded-circle avatar z-depth-1-half mb-3 mx-auto" 
                  src="images/Mohamed_Tahar_Ben_Achour.jpg"
                    alt="Generic placeholder image">
                  <div class="media-body text-center text-md-left ml-md-3 ml-0">
                    <h5 class="mt-0 font-weight-bold text-primary mb-3">Mohamed Tahar Ben Achour</h5>
                    <div class="form-group basic-textarea rounded-corners mb-md-0 mb-4">
                      <p>Il naît dans une famille de la haute bourgeoisie tunisoise : il est le petit-fils de deux hauts personnages de la Tunisie beylicale, Mohamed Tahar Ben Achour I, mufti et naqîb el ashrâf, et Mohammed Aziz Bouattour, Grand vizir de Tunis entre 1882 et 1907. Il commence par apprendre le Coran en 1885 avant d'intégrer la Zitouna en 1892. En 1898, il reçoit des cours de français et obtient en 1899 le diplôme du tatwi,</p>
                      <textarea class="form-control z-depth-1" id="exampleFormControlTextarea3" rows="3" 
                      placeholder="Écrivez votre commentaire ..."></textarea>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="media d-block d-md-flex">
              <img class="d-flex rounded-circle avatar z-depth-1-half mb-3 mx-auto" 
              src="images/aziza othmana.jpg"
                alt="Avatar">
              <div class="media-body text-center text-md-left ml-md-3 ml-0">
                <h5 class="mt-0 font-weight-bold text-primary">Aziza OTHMANA</h5>
                Elle est la fille d'Ahmed Dey (de son nom complet Abul Al-Abbas Ahmed Ibn Mohammed Ibn Othman Dey) et la petite-fille d'Othman Dey3, ce que laissent penser certains manuscrits dans lesquels son nom est reproduit « Aziza Bent Ahmed Ben Othman Dey ».
                Tous deux ont été élus commandant militaire de la province de Tunis par la milice des janissaires. Il n'est pas possible de connaître sa date de naissance mais, à partir de sa date de mort, on peut raisonnablement estimer qu'elle soit née durant le xviie siècle
              </div>
            </div>
        
          </div>
          <!-- Grid column -->
        
        </div>
        <!-- Grid row -->
            </div>
        



Abonnez vous à notre chaîne YouTube gratuitement