sharpetronics/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-10-31 00:04:27 -04:00
Code Issues Projects Releases Wiki Activity
bootstrap/docs/4.0/utilities/embed.md
Mark Otto 4b84614e7f Redo the "responsive helpers" files 
- Moves the embed SCSS to the utilities subfolder
- Separate the floats from the embed docs
- Rename embed docs from responsive helpers to embeds
2017-07-01 23:05:51 -07:00

1.6 KiB
Raw Blame History

layout title description group toc
docs Embeds Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device. utilities true

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.

{% example html %}

{% endexample %}

Aspect ratios

Aspect ratios can be customized with modifier classes.

{% highlight html %}

{% endhighlight %}