How To Add Responsive Videos in Gatsby With React Bootstrap // Gatsby JS Tutorial

Harness the power of React Bootstrap and Get (vanilla) Bootstrap to add responsive videos to your Gatsby project. We can leverage the embed classes that bootstrap gives us to turn both our locally hosted videos & our YouTube / Vimeo videos into responsive videos. Toss in the Container from React Bootstrap and we're all set.

Download the source code w/ the blue square video:

How to Install and Use React Bootstrap with Gatsby JS

Thanks!
Haydn

// Helpful YouTube Playlists:

// SHOP MY PRODUCTS!

// COURSES THAT WILL HELP YOU BUILD BETTER WEBSITES

🛠 THE TOOLS & SERVICES I USE:

► Join The Facebook Group!

DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you! Thank you for supporting my channel so I can continue to provide you with free content each week!

Hi there! Haydn Adams, BFA. I'm all about helping web developers and web designers build better websites, through code. Yes, coding and be difficult at first. But I'm here to demystify that. To make coding easy so that you can ultimately build a better website.

Got a question for me?

[eltonsantos]

Hi Teacher! it´s gonna be so good for us...because of this I´m gonna add a video in my page! tks so much and very merry christmas for u and all your family! =)