"birthare, bootstrap-block-grid, tile, tiles, my snippet, grid, menu, navigation"
Bootstrap 3.3.0 Snippet by ledon

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <!-- Charset --> <meta charset="utf-8"> <!-- Viewport --> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- IE Force --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link data-require="bootstrap@3.3.6" data-semver="3.3.6" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> <link data-require="bootstrap@3.3.6" data-semver="3.3.6" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootswatch/3.3.6/cosmo/bootstrap.min.css" /> <link data-require="bootstrap@3.3.6" data-semver="3.3.6" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" /> <link rel="stylesheet" href="https://cdn.rawgit.com/JohnnyTheTank/bootstrap-block-grid/v1.1.1/dist/bootstrap3-block-grid.min.css" /> <script data-require="jquery@2.1.4" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <script data-require="bootstrap@3.3.6" data-semver="3.3.6" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> </head> <body><div class="container"> <br><br> <div class="block-grid-xs-1 block-grid-sm-2 block-grid-md-3 block-grid-lg-6"> <div class="pixel-border" style="background:#A5C97C;">A5C97C</div> <div class="pixel-border" style="background:#52B8B8;">52B8B8</div> <div class="pixel-border" style="background:#EAABBD;">EAABBD</div> <div class="pixel-border" style="background:#20b2aa;">20b2aa</div> <div class="pixel-border" style="background:#7EBAF4;">7EBAF4</div> <div class="pixel-border" style="background:#C2B166;">C2B166</div> <div class="pixel-border" style="background:#6DD2C4;">6DD2C4</div> <div class="pixel-border" style="background:#D4A7D6;">D4A7D6</div> <div class="pixel-border" style="background:#FFC675;">FFC675</div> <div class="pixel-border" style="background:#7BA5CA;">7BA5CA</div> <div class="pixel-border" style="background:#F1C2A0;">F1C2A0</div> </div> </div> </body> </html>
.pixel-border { border:1px solid grey; background-color:#555; color:white; }

Related: See More

Paper Kit 2 PRO Angular
Cool Navigation Bar
Bootstrap4 navigation border animation
arrow key navigation thumbnail gallery modal view

Questions / Comments: