Bootstrap 3 Skeleton

Very basic twitter bootstrap 3 sleketon

HTML

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<div id='middle' class='col-md-5'>
<div class="btn-group-vertical"> 
    <a data-toggle="tooltip" class="btn btn-default" href="#dialog-message" rel="tooltip" data-placement="left" data-original-title="Tooltip Left"><i class="fa fa-align-left"></i></a>
    <a data-toggle="tooltip" class="btn btn-default" href="#dialog-message" rel="tooltip" data-placement="left" data-original-title="Tooltip Right works fine"><i class="fa fa-align-left"></i></a>
</div>
</div>

CSS

@import url('//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css');
#middle{
    padding-left:20%;
}

JavaScript

$('.btn-group-vertical').tooltip({
    selector: '[data-toggle=tooltip]',
    container: 'body'
  });