Skip to content

Instantly share code, notes, and snippets.

@parzibyte

parzibyte/index.html

Created September 4, 2019 16:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save parzibyte/57262acebd7632236c18380a9c0b6f1d to your computer and use it in GitHub Desktop.
Save parzibyte/57262acebd7632236c18380a9c0b6f1d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!doctype html>
<html lang="es">
<!--
Ejemplo de una tabla responsiva en Bootstrap 4
Visita: parzibyte.me/blog
-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<meta name="description" content="Plantilla básica para Bootstrap">
<meta name="author" content="Parzibyte">
<title>Tabla responsiva BS4</title>
<!-- Cargar el CSS de Boostrap-->
<link
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous">
</head>
<body>
<main role="main" class="container">
<div class="row">
<div class="col-12">
<h1>Tabla responsiva</h1>
<a href="//parzibyte.me/blog" target="_blank">By Parzibyte</a>
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th>Nombre</th>
<th>Código</th>
<th>Precio</th>
<th>Cantidad</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<tr>
<td>BARRITAS FRESA</td>
<td>1</td>
<td>50.0</td>
<td>1.0</td>
<td>50.0</td>
</tr>
<tr>
<td>BARRITAS MORAS</td>
<td>2</td>
<td>30.0</td>
<td>1.0</td>
<td>30.0</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</main>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment