Bootstrap 4
by gmdavis62
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/flatly/bootstrap.min.css">
<div class="container" style="margin-top: 4em">
<div class="row sticky-top border-bottom">
<div class="col-md-2">Camera 1</div>
<div class="col-md-2">Camera 2</div>
<div class="col-md-2">Camera 3</div>
<div class="col-md-2">Camera 4</div>
<div class="col-md-2">Camera 5</div>
<div class="col-md-2">Camera 6</div>
</div>
<div class="row sticky-top border-bottom pt-4">
<div class="col-md-12">Flightline</div>
</div>
<div class="row">
<div class="col-md-12">Time</div>
<div class="col-md-2 img">
image
</div>
<div class="col-md-2 img">
image
</div>
<div class="col-md-2 img">
image
</div>
<div class="col-md-2 img">
image
</div>
<div class="col-md-2 img">
image
</div>
<div class="col-md-2 img">
image
</div>
</div>
<div class="row">
<div class="col-md-12">Time</div>
<div class="col-md-2 img">
image
</div>
<div class="col-md-2 img">
image
</div>
<div class="col-md-2 img">
image
</div>
<div class="col-md-2 img">
image
</div>
<div class="col-md-2 img">
image
</div>
<div...
CSS
.img{
background-color: darkgray;
height: 100px;
border:1px solid white;
}