Bootstrap Responsive Examples

Stay Updated

Subscribe to Bootsnipp newsletter. (only important updates will be sent, your email is never shared or sold to anyone else)


Dan's Deals All Deals


Recent Comments

seems to not be working on CodePen or Codeply... could you possibly link a working example
Six Product Shop Slider Responsive Bootstrap Carousel

Great work.. thanks for this info.
Responsive slideshow with quick menu

Great work.. thanks for this info.
Responsive slideshow with quick menu

I added bootstrap and jQuery, but some functions are still not working like images are all in one column, then the lightbox works but image comes from top and black overlay not showing in the correct position. Any reasons why this has note yet been fully implemented in my page?
Responsive Lightbox Gallery With Popup on click with Description. NO JS. Only CSS. Any size Image fits Well. Awesome Effects.

Change the transition delay in .carousel-inner>.item
Six Product Shop Slider Responsive Bootstrap Carousel

Hello, What if want to show only 4 items. When I am doing so its not working well.
Six Product Shop Slider Responsive Bootstrap Carousel

This is exactly what I need, thank you dear!
Sidebar responsive

Hello,Everything works fine except the sliding. Actually there's none. When I click an arrow the products change but without sliding. It's kinda ugly. How can I fix that. I guess it's something in the css.
Six Product Shop Slider Responsive Bootstrap Carousel

I was having trouble with it loading the Font Awesome file within my Bootstrap project. If anyone else is, this is what I did: I added the line font-family: FontAwesome; to .gal-item a:after{This problem seems to stem from adding the content:"\f00e"; to the :after psuedo class. Specifying that it is a FontAwesome seems to clear the issue right up. And yes, I did change the content ID number, I am using a different version of Font Awesome. Please search for different symbols within the appropriate Font Awesome version.
Responsive Lightbox Gallery With Popup on click with Description. NO JS. Only CSS. Any size Image fits Well. Awesome Effects.

Not sure if this is a bug, but some pictures do not resize correctly to fit within the modal, and thus require scrolling. Have you encountered this? Some of my images can resize to the modal's size, but others do not (they are all JPEGs).
Responsive Lightbox Gallery With Popup on click with Description. NO JS. Only CSS. Any size Image fits Well. Awesome Effects.