Recursos Bootstrap

Botones

<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>

Container

<div class="jumbotron">
  <h1 class="display-3">Hola mundo!</h1>
  <p class="lead">Texto descripción</p>
  <hr class="my-4">
  <p>Texto del contenedor</p>
  <p class="lead">
    <a class="btn btn-primary btn-lg" href="#" role="button">más info</a>
  </p>
</div>

Ejemplo tabla:

Lista de Usuarios

DNI nombre Apellidos Acciones

 

<table class="table table-hover">
                        <h3>Lista de Usuarios</h3>
                        <thead>
                            <tr>
                                <th>DNI</th>
                                <th>nombre</th>
                                <th>Apellidos</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
 </table>

Para más información visitar la página oficial:

https://getbootstrap.com

Deja un comentario