Skip to main content

Cours 8 : Resilience & adaptabilité

Histoire des données et de leur accessibilé

Comment utiliser une grille css:

Quelques examples

Qu’est un framework?

Un framework ensemble de styles prédéfinis que l’on peut réutiliser partout pour construire notre site plus rapidement garder une cohérence graphique.

Pour pouvoir utiliser ce style, une documentation nous fournit des exemples de structures HTML à utiliser pour chaque style.

Utiliser la grille de bootstrap

Nous allons utiliser la grille de bootstrap car même si nous n’utilisons que la grille aujourd’huie cela vous permettra d’ajouter des modules au fur et à mesure si vous décidez de continuer a apprendre.

Commencez par télécharger la grille en vous rendant sur le site de bootstrap

Ensuite dezippez le dossier téléchargé et allez regarder dans le dossier css.

Extrayez le fichier bootstrap-grid.css et allez le mettre dans le dossier de votre site.

Ensuite faites un lien dans la partie <head> de votre page html vers cette nouvelle feuille de styles.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Mon site</title>
<link rel="stylesheet" href="bootstrap-grid.css" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="container">
<div class="row">
<div class="col-6">hello</div>
<div class="col-6">hello</div>
</div>
</div>
</body>
</html>

Les media queries