How to Align Responsive Image in Center in Bootstrap

Category > HTML5 || Published on : Tuesday, October 20, 2020 || Views: 113 || Align Responsive Image in Center in Bootstrap


Here Pawan Kumar will explain how to Align Responsive Image in Center in Bootstrap



<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>Bootstrap Responsive Image Align Center</title>
      <link rel="stylesheet" href="css/bootstrap.min.css">
      <script src="js/jquery-3.5.1.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
   </head>
   <body>
      <div class="container">
         <div class="row">
            <div class="col-lg-12">
               <img src="images/imagename.jpg" class="img-responsive center-block d-block mx-auto" alt="Sample Image">
               <p class="text-center">Align Responsive Image in Center in Bootstrap</p>
            </div>
         </div>
      </div>
   </body>
</html>