Ejemplo
Vista Previa
<!doctype html> <html> <head> <title>Prueba de Bootstrap 5</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous"> </head> <body> <div class="container"> <form> <div class="mb-3"> <button type="submit" class="btn btn-primary"> btn-primary : Es un botón que se destaca entre un conjunto de botones.</button> </div> <div class="mb-3"> <button type="submit" class="btn btn-secondary"> btn-secondary : Es un botón no tan importante como btn-primary.</button> </div> <div class="mb-3"> <button type="submit" class="btn btn-success"> btn-success : Se utiliza para indicar una acción exitosa.</button> </div> <div class="mb-3"> <button type="submit" class="btn btn-info"> btn-info : Es un botón para información.</button> </div> <div class="mb-3"> <button type="submit" class="btn btn-warning"> btn-warning : Es un botón que nos informa que debemos tener cuidado con la acción que tiene asociado el botón.</button> </div> <div class="mb-3"> <button type="submit" class="btn btn-danger"> btn-danger : Indica que la acción que tiene asociado el botón es peligrosa.</button> </div> <div class="mb-3"> <button type="submit" class="btn btn-dark"> btn-dark : Muestra un botón oscuro.</button> </div> <div class="mb-3"> <button type="submit" class="btn btn-light"> btn-light : Muestra un botón claro.</button> </div> <div class="mb-3"> <button type="submit" class="btn btn-link"> btn-link : Convierte al botón como un hipervínculo, haciendo que disminuya su importancia.</button> </div> </form> </div> </body> </html>
No tiene disponible el navegador la capacidad de iframe