• Thursday , 22 August 2019

Bootstrap 4 Tutorial in Hindi Part 7 : Bootstrap 4 responsive image gallery in Hindi

Code Canyon
https://i.ytimg.com/vi/Ygga2WKR7mY/hqdefault.jpg



Welcome Developers, we will see Bootstrap 4 image gallery in Hindi. We have classes in Bootstrap 4 images
Rounded Corners
The .rounded class adds rounded corners to an image:

Circle
The .rounded-circle class shapes the image to a circle:

Thumbnail
The .img-thumbnail class shapes the image to a thumbnail (bordered):

Responsive Images
Images come in all sizes. So do screens. Responsive images automatically adjust to fit the size of the screen.

Create responsive images by adding a .img-fluid class to the img tag. The image will then scale nicely to the parent element.

The .img-fluid class applies max-width: 100%; and height: auto; to the image:

bootstrap 4 image gallery example
bootstrap 4 photo gallery
bootstrap 4 3 image gallery example
simple bootstrap 4 image gallery
simple bootstrap 4 photo gallery
bootstrap 4 thumbnail image gallery
bootstrap 4 thumbnail photo gallery
bootstrap thumbnail gallery example
bootstrap image grid different sizes
bootstrap photo grid
bootstrap image grid example
bootstrap gallery grid
bootstrap picture gallery
bootstrap image classes
bootstrap image class thumbnail
bootstrap class image center
working with images in bootstrap

we will also look into
The image gallery
1. Displays 4 thumbnails on a large screen size
2. Displays 3 thumbnails on a medium screen size
3. Displays 2 thumbnails on a small screen size
4. Displays 1 thumbnail on an extra small screen size
5. When you click on a thumbnail, the original image will be displayed

if you like this video plz LIKE SHARE and SUBSCRIBE my thapatechnical channel 🙂

Original source

3d Ocean

Related Posts

13 Comments

  1. Omi Kumar Thakur
    January 12, 2019 at 13:41

    My name ok atter mob. No 8091746408

  2. Bhavnesh Thakur
    January 12, 2019 at 13:41

    8528167351

  3. Leena Hirawat
    January 12, 2019 at 13:41

    Send me code arihant2310@gmail.com

  4. yogesh shekhawat
    January 12, 2019 at 13:41

    yogesh shekhawat 9050422910

  5. Avinash Singh
    January 12, 2019 at 13:41

    Hello.. Sir please send own whatsapp no/email because i am talk to u

  6. umar Farooq
    January 12, 2019 at 13:41

    add me sir +923024226227

  7. Chandrapal Yadav
    January 12, 2019 at 13:41

    nice tutorial…..add my number 9410230291

  8. Vishal Vij
    January 12, 2019 at 13:41

    Rly krdo sir

  9. Vishal Vij
    January 12, 2019 at 13:41

    Sir h1 heading se responsive ni ban pari

  10. bhavesh tadavi
    January 12, 2019 at 13:41

    superrrrrrrrrrrrrrrrrrrrrrrrrrrrr

  11. Technical Notebook
    January 12, 2019 at 13:41

    You Are Doing Very Great Work
    I mostly preffered learn programming in english but sir aapki videos hindi mein bahut acchi hain no nonsense talk and full focus on coding only

    Ty once again

  12. PRABH DEEP
    January 12, 2019 at 13:41

    Suuprrrrrrr………………

  13. Shareef Khan
    January 12, 2019 at 13:41

    nice and excellent

Leave A Comment

You must be logged in to post a comment.