Bootstrap 3 Skeleton
This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.
HTML
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<body>
<div id="ass" class="col-md-12">
<div class="data-head">
<div class="data-title">
<span class="glyphicon glyphicon-random symbols"></span>
<h4>Network length</h4>
<div class="inner">
<img src="http://www.jotform.com/images/ajax-loader.gif" id="loading-ass" class="loading loading-ass" />
<a href="#" class="glyphicon glyphicon-circle-arrow-down show-data" id="ass-lineaire"></a>
</div>
</div>
</div>
</div>
</body>
CSS
@import url('http://getbootstrap.com/dist/css/bootstrap.css');
body {
margin: 20px;
}
h4 {
margin-left: 35px;
}
.symbols {
color: #00334E;
}
.data-head {
padding-left: 1.2em;
padding-right: 1.2em;
margin-left: 10%;
margin-right: 10%;
margin-bottom: 10px;
border-style: solid;
border-width: 0.1em;
border-color: #2D566C;
border-radius: 10px;
}
.data-title {
position: relative;
}
.show-data {
position: relative;
left: 95%;
top: 0%;
color: black;
font-size: 20px;
}
.data-title span, .data-title h4, .data-title .inner img, .data-title .inner, .data-title .inner a {
display: inline-block;
}