Skip to content

Instantly share code, notes, and snippets.

@Victorrent

Victorrent/Bootstrap Flags

Created April 4, 2015 17:42
Show Gist options
  • Save Victorrent/cf439f0417b649c1feb6 to your computer and use it in GitHub Desktop.
Save Victorrent/cf439f0417b649c1feb6 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Bootstrap Flags
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css">
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<style>
.ex {min-height: 35px }
.blue {background-color: blue}
.red {background-color: red}
.gold {background-color: #FFFF00}
div {border: solid black 0px}
p {text-align: center; color: #FFFFFF;}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-2 col-sm-5 hidden-md blue ex"></div>
<div class="col-lg-2 col-sm-7 hidden-md ex red"></div>
<div class="col-lg-2 col-md-12 col-sm-5 blue ex"></div>
<div class="col-lg-2 col-sm-7 hidden-md ex"></div>
<div class="col-lg-2 col-md-3 col-sm-5 blue ex"></div>
<div class="col-lg-2 col-md-5 col-sm-7 ex red"></div>
<div class="col-lg-2 col-md-4 hidden-sm blue ex"></div>
<div class="col-lg-2 col-md-3 hidden-sm blue ex"></div>
<div class="col-lg-2 col-md-5 hidden-sm ex red"></div>
<div class="col-lg-2 col-md-4 col-sm-5 blue ex"></div>
<div class="col-lg-2 col-md-3 hidden-sm ex"></div>
<div class="col-lg-2 col-md-2 hidden-sm ex red"></div>
<div class="col-lg-2 col-md-2 hidden-sm gold ex"></div>
<div class="col-lg-2 col-md-1 hidden-sm ex red"></div>
<div class="col-lg-2 col-md-4 col-sm-7 ex"></div>
<div class="col-lg-2 col-md-3 hidden-sm ex"></div>
<div class="col-lg-2 col-md-1 hidden-sm ex red"></div>
<div class="col-lg-2 col-md-3 hidden-sm ex gold"></div>
<div class="col-lg-2 col-md-5 hidden-sm ex"></div>
<div class="col-lg-2 col-md-3 hidden-sm ex"></div>
<div class="col-lg-2 col-md-1 hidden-sm ex red"></div>
<div class="col-lg-2 col-md-3 hidden-sm ex gold"></div>
<div class="col-lg-2 col-md-5 hidden-sm ex"></div>
<div class="col-lg-2 col-md-3 hidden-sm ex"></div>
<div class="col-lg-2 col-md-1 hidden-sm ex red"></div>
<div class="col-lg-2 col-md-3 hidden-sm ex gold"></div>
<div class="col-lg-2 col-md-5 hidden-sm ex"></div>
<div class="col-lg-2 col-md-3 hidden-sm ex"></div>
<div class="col-lg-2 col-md-2 hidden-sm ex red"></div>
<div class="col-lg-2 col-md-2 hidden-sm gold ex"></div>
<div class="col-lg-2 col-md-1 hidden-sm ex red"></div>
<div class="col-lg-2 col-md-4 hidden-sm ex"></div>
<div class="col-lg-2 col-md-3 col-sm-5 blue ex"></div>
<div class="col-lg-2 col-md-5 col-sm-7 ex red"></div>
<div class="col-lg-2 col-md-4 hidden-sm blue ex"></div>
<div class="col-lg-2 col-md-3 hidden-sm blue ex"></div>
<div class="col-lg-2 col-md-5 hidden-sm ex red"></div>
<div class="col-lg-2 col-md-4 col-sm-5 blue ex"></div>
<div class="col-lg-2 col-sm-7 hidden-md ex"></div>
<div class="col-lg-2 col-md-12 col-sm-5 blue ex "></div>
<div class="col-lg-2 col-sm-7 hidden-md ex red"></div>
<div class="col-lg-2 col-sm-12 hidden-md ex"></div>
<div class="col-lg-2 col-sm-12 hidden-md ex red"></div>
<div class="col-lg-2 col-sm-12 hidden-md ex"></div>
<div class="col-lg-2 col-sm-12 hidden-md ex red"></div>
<div class="col-lg-2 col-sm-12 hidden-md ex"></div>
<div class="col-lg-2 col-sm-12 hidden-md ex red"></div>
<div class="col-lg-2 col-mid-12 col-sm-12 ex"><p>Victor Rojas</p></div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment