Complete Bootsrap form

by Steve Coffman

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/holder/2.3.1/holder.min.js"></script>
<div id="alertContainer"></div>
<div class="row">
    <div class="col-xs-2">
        <div>
            <img src="holder.js/80x120/social" />
        </div>
    </div>
    <div class="col-xs-4">
        <div>Branton, Bill</div>
        <div>M3</div>
        <div>700 MED.U</div>
        <div>Period 3-6</div>
        <div>Academic Year 2013/2014</div>
    </div>
</div>
<div class="pull-left"> <a class="prevStudent link">Previous Student</a>

</div>
<div class="pull-right"> <a class="nextStudent link">Next Student</a>
 <a class="nextEnd link">End of List, Click to Close</a>

</div>

CSS

.row, .col-md-2, .col-md-4, .col-xs-1, .col-xs-2 {
    border: 1px solid;
}