Skip to content

Instantly share code, notes, and snippets.

@javilobo8

javilobo8/bootstrap.html

Last active March 6, 2017 20:09
Show Gist options
  • Save javilobo8/2fbac7be83bc5785f858910d22d0084f to your computer and use it in GitHub Desktop.
Save javilobo8/2fbac7be83bc5785f858910d22d0084f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
bootstrap.html
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" />
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
h2 {
text-align: center;
}
.container,
.row,
.col-xs-12, .col-xs-6 {
border: 1px solid black;
}
.col-xs-12, .col-xs-6 {
padding: 10px;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-xs-12">
<h2>12 celdas</h2>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<h2>6 celdas</h2>
</div>
<div class="col-xs-6">
<h2>6 celdas</h2>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<button class="btn btn-default">Default</button>
<button class="btn btn-primary">Primary</button>
<button class="btn btn-info">Info</button>
<button class="btn btn-success">Succes</button>
<button class="btn btn-danger">Danger</button>
<button class="btn btn-warning">Warning</button>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<table class="table">
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>data 1.1</td>
<td>data 1.2</td>
<td>data 1.3</td>
</tr>
<tr>
<td>data 2.1</td>
<td>data 2.2</td>
<td>data 2.3</td>
</tr>
<tr>
<td>data 3.1</td>
<td>data 3.2</td>
<td>data 3.3</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment