Scenario if we want to add multiple responsive image, 4 image in each row with the help of bootstrap we can cosider the below code Solution <div class=”container”> <div class=”row”> <div class=”col-md-3?> <img src=”image1.jpg” alt=”Image 1? class=”img-fluid”> </div> <div class=”col-md-3?> <img src=”image2.jpg” alt=”Image 2? class=”img-fluid”> </div> <div class=”col-md-3?> <img src=”image3.jpg” alt=”Image 3? class=”img-fluid”> </div> <div… Continue reading Bootstrap to display Multiple image 4 image in each row.
Tag: responsive
Project the image gallery to front(150%) without using extra images(while making responsive)
While we are making a site responsive, we can make too many alterations especially while making image gallery responsive. My requirement was to make each of the image project 150% to the front in small devices. One image should occupy the entire row and next image after the other. The cod used here to change… Continue reading Project the image gallery to front(150%) without using extra images(while making responsive)
Creating a responsive “timeline” using CSS
We can easily create a timeline using some basic HTML and CSS. HTML Code is used to create a basic structure of the timeline and CSS code is used to set the style. Step 1) Add HTML: Example code: Step 2) Add CSS: