<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="hover-logos"> <div class="row"> <div class="col-md-1"><a href="https://www.yodlee.com/resources/case-study/blooom-case-study/" target="_blank"><img src="https://developer.yodlee.com/assets/img/Use-cases/blooom-white-transparent.png" class="logo1"></a></div> <div class="col-md-1" id="hvlog2"><a href="https://www.yodlee.com/resources/case-study/personal-capital-case-study/" target="_blank"><img src="https://developer.yodlee.com/assets/img/Use-cases/personal-capital-logo-transparent.png" class="logo2"></a></div> <div class="col-md-1" id="hvlog3"><a href="https://www.yodlee.com/blog/draft-first-crowd-sourced-online-investment-tool-2/" target="_blank"><img src="https://developer.yodlee.com/assets/img/Use-cases/draft-transparent-logo.png" class="logo3"></a></div> </div> </div>

.hover-logos{ width: 1437px; height: 100px; background-color: #e9eef0; } .col-md-1{ padding-left:470px; padding-top:28px; } img.logo1{ max-width: 128px; height: 43px; } #hvlog2{ padding-left:160px; padding-top:28px; } img.logo2{ max-width: 162.5px; height: 40px; } img.logo3{ max-width: 65.9px; height: 62px; } #hvlog3{ padding-left:170px; padding-top:28px; }