The responsive embed component can be used on Your iframe is most likely not responsive because you are setting a width and height. Thanks for sharing this. Bootstrap allows creating responsive video or slideshow embeds based on the width of the display or parent element by creating a native ratio that scales with the It can be hard to keep up Im still learning new things every day. I wanna hear from you. Site design / logo 2023 Stack Exchange Inc; user contributions licensed under CC BY-SA. Are the controls just not scalable or am I missing something in the code? If you dont, it could cause them iframe to disappear. You could check out shoelace.io to find out how cols behave. Create an div to contain the embed. WebBootstrap 4 has a wide range of responsive margin and padding utility classes. Use the responsive iframe generator to quickly create a responsive iframe at any aspect ratio. Check out the examples below or view their Embeds documentation. and here I got it and you have explained it very well.