Table des matièresTP : Reprise d'une page à l'aide de Bootstrap

L'exercice consiste à mettre en page et à simplifier une page mon.service-public.fr à l'aide du framework Bootstrap.

  1. Voici la page brute (sans les classes bootstrap)
  2. Voici les images liées à la CSS manquantes dans la page brute
    1. arrière-plan de l'entête : bg-contenu2.png
    2. arrière-plan de la barre de navigation : bkg_menu_demarches.png
  3. Voici la pagination à la bootstrap retenue
  4. A vous de recréer la page à la bootstrap en suivant rigoureusement les consignes de présentation de la feuille CSS suivant :
    1. Utiliser au maximum la feuille de style bootstrap.min.css initiale, toute la mise en page et les espacements (à part exception) devront être produit par les classes existantes du framework.
    2. il est permis de créer ses propres classes pour les autres effets (couleur, background, comportement, CSS3, ...)
    3. les ajouts à la feuille de style seront présentés et classés par région dans l'ordre de lecture de la page :
      1. #container
      2. #header
      3. ...
      4. #contenu_principal
      5. #colonne_droite
      6. #pied_de_page
      7. #fin_du_pied
    4. les éléments de présentations communs comme les liens devront être factorisés en tête de vos ajouts avec #container