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>
<a href="#" class="btn btn-lg btn-success" data-toggle="modal" data-target="#fModal">Click to open Modal</a>
<div class="modal fade" id="fModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h3>Selection</h3>
</div>
<div class="modal-body">
<div class="well">
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="img/icon.png" alt="...">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, temp
</div>
</div>
</div>
<div class="well">
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="img/icon.png" alt="...">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, temp
</div>
</div>
</div>
<div class="well">
<div class="media">
<a class="pull-left" href="#">
...
CSS
@import url('http://getbootstrap.com/dist/css/bootstrap.css');
.modal-body {
max-height:40%;
overflow-y: auto;
}