Skip to main content There's a newer version of Bootstrap! Menu Getting started
Introduction
Download
Contents
Browsers & devices
JavaScript
Theming
Build tools
Webpack
Accessibility
Layout
Overview
Grid
Media object
Utilities for layout
Content
Reboot
Typography
Code
Images
Tables
Figures
Components
Alerts
Badge
Breadcrumb
Buttons
Button group
Card
Carousel
Collapse
Dropdowns
Forms
Input group
Jumbotron
List group
Modal
Navs
Navbar
Pagination
Popovers
Progress
Scrollspy
Tooltips
Utilities
Borders
Clearfix
Close icon
Colors
Display
Embed
Flex
Float
Image replacement
Position
Screenreaders
Sizing
Spacing
Text
Vertical align
Visibility
Extend
Approach
Icons
Migration About
Overview
Brand
License
Translations
About
Example
Aspect ratios
Embeds
Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device.
About
Rules are directly applied to <iframe>, <embed>, <video>, and <object> elements; optionally use an explicit descendant class .embed-responsive-item when you want to match the styling for other attributes.
Pro-Tip! You don’t need to include frameborder="0" in your <iframe>s as we override that for you.
Example
Wrap any embed like an <iframe> in a parent element with .embed-responsive and an aspect ratio. The .embed-responsive-item isn’t strictly required, but we encourage it.