Bootstrap

Diapositiva 1

• 
• Bootstrap es un framework front-end utilizado para desarrollar aplicaciones web y sitios mobile first, o sea, con un layout que se adapta a la pantalla del dispositivo utilizado por el usuario
• Pie de imagen: https://getbootstrap.com/

CDN

• <!doctype html>
• <html lang="en">
• <head>
• <meta charset="utf-8">
• <meta name="viewport" content="width=device-width, initial-scale=1">
• <title>Bootstrap demo</title>
• <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
• </head>
• <body>
• <h1>Hello, world!</h1>
• <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
• </body>
• </html>

Ejemplo

• <div class="card" style="width: 18rem;">
• <img src="..." class="card-img-top" alt="...">
• <div class="card-body">
• <h5 class="card-title">Card title</h5>
• <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.
• </p>
• <a href="#" class="btn btn-primary">Go somewhere</a>
• </div>
• </div>
•