CSS
18/08/2022
bootstrap 5
Què és Bootstrap 5 i plantilla HTML bàsica per començar ràpid amb CDN.
Bootstrap 5 és un framework front-end (CSS i JavaScript) que permet crear webs modernes i responsives més ràpidament.
Inclou un sistema de graella, utilitats de maquetació i components reutilitzables com botons, menús, formularis, cards o modals.
Si només vols començar ràpid, pots carregar Bootstrap directament des d'un CDN sense instal·lar res.
Aquí tens una plantilla HTML bàsica llesta per copiar:
<!doctype html>
<html lang="ca">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Plantilla Bootstrap 5</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<body>
<div class="container py-5">
<h1 class="mb-3">Hola Bootstrap 5</h1>
<p class="text-muted">Plantilla base carregada des de CDN.</p>
<button class="btn btn-primary">Botó d'exemple</button>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>Amb aquesta base ja pots construir una pàgina i anar afegint components Bootstrap segons les teves necessitats.
