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"> <p>Ejemplo de lista ordenada</p> <ol> <li>Primer elemento</li> <li>Segundo elemento</li> <li>Tercer elemento</li> <li>Cuarto elemento</li> </ol> <hr> <p>Ejemplo de lista no ordenada</p> <ul> <li>Primer elemento</li> <li>Segundo elemento</li> <li>Tercer elemento</li> <li>Cuarto elemento</li> </ul> <hr> <p>Ejemplo de lista no ordenada sin estilo</p> <ul class="list-unstyled"> <li>Primer elemento</li> <li>Segundo elemento</li> <li>Tercer elemento</li> <li>Cuarto elemento</li> </ul> <p>Ejemplo de lista no ordenada en línea</p> <ul class="list-inline"> <li class="list-inline-item">Primer elemento</li> <li class="list-inline-item">Segundo elemento</li> <li class="list-inline-item">Tercer elemento</li> <li class="list-inline-item">Cuarto elemento</li> </ul> <hr> <p>Ejemplo de lista de definición</p> <dl> <dt>Palabra 1</dt> <dd>Definición de la palabra 1</dd> <dt>Palabra 2</dt> <dd>Definición de la palabra 2</dd> <dt>Palabra 3</dt> <dd>Definición de la palabra 3</dd> </dl> <p>Ejemplo de lista de definición horizontal</p> <dl class="row"> <dt class="col-sm-3">Palabra 1</dt> <dd class="col-sm-9">Definición de la palabra 1</dd> <dt class="col-sm-3">Palabra 2</dt> <dd class="col-sm-9">Definición de la palabra 2</dd> <dt class="col-sm-3">Palabra 3</dt> <dd class="col-sm-9">Definición de la palabra 3</dd> </dl> </div> </body> </html>
No tiene disponible el navegador la capacidad de iframe