Skip to content

Instantly share code, notes, and snippets.

@hugofabricio

hugofabricio/gist:6322347

Created August 23, 2013 18:18
Show Gist options
  • Save hugofabricio/6322347 to your computer and use it in GitHub Desktop.
Save hugofabricio/6322347 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bootstrap 3</title>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<style type="text/css">
h4{color:white}
.row{background:red;margin-bottom:50px}
.col-md-1,.col-md-4,.col-md-6{background:blue}
</style>
</head>
<body>
<!--
.container: elemento pai que engloba tudo e alinha no centro da tela.
pull-right: move a div para o fim da direita.
pull-left: move a div para o fim da esquerda.
col-md-XX: tamanho do elemento onde xx é o número de colunas.
col-md-offset-XX: distancia de colunas que o elemento vai se afastar.
-->
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="col-md-4 pull-right">
<h4>Data/Hora:@DateTime.Now.ToString()</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="col-md-4 col-md-offset-1">
<h4>Data/Hora:@DateTime.Now.ToString()</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="col-md-6 col-md-offset-4">
<h4>Data/Hora:@DateTime.Now.ToString()</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="col-md-4 col-md-offset-2">
<h4>Data/Hora:@DateTime.Now.ToString()</h4>
</div>
<div class="col-md-4 col-md-offset-1">
<h4>Data/Hora:@DateTime.Now.ToString()</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="col-md-1">
<h4>Coluna</h4>
</div>
<div class="col-md-1">
<h4>Coluna</h4>
</div>
<div class="col-md-1">
<h4>Coluna</h4>
</div>
<div class="col-md-1">
<h4>Coluna</h4>
</div>
<div class="col-md-1">
<h4>Coluna</h4>
</div>
<div class="col-md-1">
<h4>Coluna</h4>
</div>
<div class="col-md-1">
<h4>Coluna</h4>
</div>
<div class="col-md-1">
<h4>Coluna</h4>
</div>
<div class="col-md-1">
<h4>Coluna</h4>
</div>
<div class="col-md-1">
<h4>Coluna</h4>
</div>
<div class="col-md-1">
<h4>Coluna</h4>
</div>
<div class="col-md-1">
<h4>Coluna</h4>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment