Unb Default Fiddle Read More
by ncapito
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<script src="http://www.unboxedonline.com/Spoke/bundles/Styles?v=SwzWg_ylCyxdiiHWd4ufbdyk8_iPD8jYH_VbjKldV3E1"></script>
<div class="my-">
<div class="ng-scope">
<div class="row">
<div>
<div class="span2">
<div class="badge-tile active">
<div class="badge-thumbnail center-both"><div class='icon-beer icon-scale'></div>
</div>
<div class="badge-tile-content ">
<p>Got beer?</p>
</div>
</div>
</div>
</div>
<div>
<div class="span2">
<div class="badge-tile">
<div class="badge-thumbnail center-both"><div class='icon-coffee icon-scale'></div>
</div>
<div class="badge-tile-content ">
<p>Some tasty coffee?</p>
</div>
</div>
</div>
</div>
<div>
<div class="span2">
<div class="badge-tile">
<div class="badge-thumbnail center-both"><i class='icon-gamepad icon-scale'></i>
</div>
<div class="badge-tile-content ">
<p>Can you Hear Me Now?</p>
</div>
</div>
</div>
</div>
<div>
<div class="span2">
<div class="badge-tile">
<div class="badge-thumbnail center-both"><i class='icon-food icon-scale'></i>
</div>
<div class="badge-tile-content ">
<p>Hungy, Hunrgy Hippo?</p>
...
CSS
/* Minification failed. Returning unminified contents.
(7498,9): run-time error CSS1036: Expected expression, found '#'
*/
/*!
* Bootstrap v2.3.1
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
display: table;
content:"";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
a:hover, a:active {
outline: 0;
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
/* Responsive images (ensure images don't scale beyond their parents) */
max-width: 100%;
/* Part 1: Set a maxium relative to the parent */
width: auto\9;
/* IE7-8 need help adjusting responsive images */
height: auto;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
#map_canvas img, .google-maps img {
max-width: none;
}
button, input, select, textarea {
...