<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 ----------> <section class="hover-logos"> <div class="container"> <div class="row"> <div class="col-md-12 center"> </div> </div> <div class="row mt-lg"> <div class="col-md-2 col-xs-6 center mb-lg"> <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="img-responsive" alt="" id="logo1"> </a> </div> <div class="col-md-2 col-xs-6 center mb-lg"> <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="img-responsive" alt="" id="logo2"> </a> </div> <div class="col-md-2 col-xs-6 center mb-lg"> <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="img-responsive" alt="" id="logo3"> </a> </div> </div> </div> </section>

.hover-logos{ width: 1437px; height: 100px; background-color: #e9eef0; } #logo1{ max-width: 128px; height: 43px; } #logo2{ max-width: 162.5px; height: 40px; } #logo3{ max-width: 65.9px; height: 62px; } .img-responsive{ margin-top:28px; margin-left:270px; }