title: how do i make an image to zoom in bootstrap in codeigniter view when click on image?
body: <pre><code>&lt;h5&gt;
  &lt;a href="&lt;?php echo base_url(); ?&gt;/vendor/home/projects" &gt;Back to Projects&lt;/a&gt;
  &lt;h5&gt;
  &lt;div&gt;
  &lt;div class="container"&gt;
  &lt;div class="row"&gt;
  &lt;?php
  foreach ($projects as $value) {
  ?&gt;
  &lt;?php                                                  
  $project_images =  json_decode($value['project_gallery'],true);
  $i=0; 
  foreach ($project_images as $project_image_value) {
  $i++;
  ?&gt; 
  &lt;div class="col-md-2"&gt;
  &lt;img src="&lt;?= base_url() ?&gt;assets/uploads/projects/&lt;?=$project_image_value['fname']?&gt;" onclick="openModal(&lt;?= $i?&gt;)"   class="img-thumbnail img-responsive " /&gt;
  &lt;div&gt;&lt;?=$project_image_value['title']?&gt;&lt;/div&gt;
  &lt;/div&gt;                                                                                               &lt;?php
  }
  ?&gt;
  &lt;?php
  }
  ?&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>this is my codeigniter view to display images. How can i Apply light box so that when you click image, only that image should be zoomed</p>