Skip to content

Instantly share code, notes, and snippets.

@cesjam7

cesjam7/index.html

Created March 16, 2016 03:09
Show Gist options
  • Save cesjam7/d6a2bd2b6bc9d172b97c to your computer and use it in GitHub Desktop.
Save cesjam7/d6a2bd2b6bc9d172b97c to your computer and use it in GitHub Desktop.
Download ZIP
codigo basico de bootstrap
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mi pagina con Bootstrap</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
<!-- Titulo -->
<h1 class="text-center">Página con Bootstrap</h1>
<!-- Primera fila de boton y mensaje alerta -->
<div class="row">
<!-- Columna con boton -->
<div class="col-sm-6">
<a class="btn btn-primary btn-lg btn-block" href="http://google.com">Ir a google</a>
</div>
<!-- Columna con mensaje de alerta -->
<div class="col-sm-6">
<div class="alert alert-success">Tu pagina esta bonito!</div>
</div>
</div>
<!-- Segunda fila con formulario -->
<div class="row">
<div class="col-sm-4">
<input type="text" class="form-control" placeholder="Nombre completo">
</div>
<div class="col-sm-4">
<input type="text" class="form-control" placeholder="Correo electrónico">
</div>
<div class="col-sm-4">
<input type="text" class="form-control" placeholder="Teléfono">
</div>
</div>
<div class="row">
<div class="col-sm-12">
<textarea class="form-control"></textarea>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<button class="btn btn-block btn-primary">Enviar mensaje</button>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment