JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://static.nzpif.org.nz/css/conf2016/bootstrap.css">
<DIV class='container'>
<div class="row sponsors bluestrip center-block">
<div class="col-md-offset-2 col-md-8 col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
<h5 style="display: block;">Some Logos</h5>
<table>
<tbody>
<tr>
<td>
<img alt="ANZ" src="http://pimms.nzpif.org.nz/UserFiles/images/conference2016/sponsors/anz.png" />
</td>
</tr>
<tr>
<td>
<img alt="Barfoot and Thompson" src="http://pimms.nzpif.org.nz/UserFiles/images/conference2016/sponsors/barfootandthompson.png" />
</td>
</tr>
<tr>
<td>
<img alt="" src="http://pimms.nzpif.org.nz/UserFiles/images/conference2016/sponsors/ronovationz.png" />
</td>
</tr>
<tr>
<td>
<img alt="" src="http://pimms.nzpif.org.nz/UserFiles/images/conference2016/sponsors/sponsor.png" style="height:60px; width:70px" />
</td>
</tr>
<tr>
<td>
<img alt="" src="http://pimms.nzpif.org.nz/UserFiles/images/conference2016/sponsors/propertyapprentice.png" />
</td>
</tr>
<tr>
<td>
<img alt="Tass Print" src="http://pimms.nzpif.org.nz/UserFiles/images/conference2016/sponsors/tassprint.png" />
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
CSS
.sponsors div
{
background: #ffffff;
}
table {
border: 1px solid red;
width: 100%;
}
table img {
margin: 0 auto;
display: block;
}
.bluestrip {
background: navy;
}
}