"Images Hover "
Bootstrap 3.3.0 Snippet by vijayraikwar

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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="container"> <div class="col-md-4 box"> <img src="https://www.kybank.com/wp-content/uploads/2016/03/home-loan.jpg" class="img-responsive"> </div> <div class="col-md-4 box"> <img src="https://www.kybank.com/wp-content/uploads/2016/03/home-loan.jpg" class="img-responsive"> </div> <div class="col-md-4 box"> <img src="https://www.kybank.com/wp-content/uploads/2016/03/home-loan.jpg" class="img-responsive"> </div> <div class="clearfix"></div><br> <div class="col-md-4 box"> <img src="https://www.kybank.com/wp-content/uploads/2016/03/home-loan.jpg" class="img-responsive"> </div> <div class="col-md-4 box"> <img src="https://www.kybank.com/wp-content/uploads/2016/03/home-loan.jpg" class="img-responsive"> </div> <div class="col-md-4 box"> <img src="https://www.kybank.com/wp-content/uploads/2016/03/home-loan.jpg" class="img-responsive"> </div> </div>
.box :hover{ border:2px #036 solid; padding:10px 10px 10px; box-shadow:2px 2px 10px; background:red; }

Related: See More


Questions / Comments: