четверг, 13 апреля 2017 г.

Адаптивные видео в Bootstrap

Вы уже знаете, как подключить bootstrap к вашему блогу. Теперь сделаем видео в блоге адаптивным.
Это очень просто.
Добавляем в нужное место блога ваше видео и заходим в HTML.
Находим в коде добавленное видео и удаляем оборачивающий его блок <div></div>
Заменяем его на div с классом class="embed-responsive embed-responsive-16by9" так, чтобы получилось вот так:

<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="..."></iframe>
</div>

Не забудьте добавить к вашему тегуiframe классclass="embed-responsive-item"

Вот и все. Теперь в вашем блоге есть полностью адаптированное видео!