Встраивание
Создание интерактивного видео или слайд-шоу, которое встраивается на основе родительской ширины, создавая внутреннее соотношение. «Отзывчиво» для любого устройства.
Инфо
Правила применяются прямо для элементов <iframe>
, <embed>
, <video>
, и <object>
по желанию задавайте дочерний класс .embed-responsive-item
когда хотите создать такой же стиль другим атрибутам.
Совет профессионала! Вам нет необходимости включать атрибут frameborder="0"
в элементы <iframe>
s т.к. он будет перекрыт.
Example
Оберните вставленный объект, например <iframe>
родительским элементом класса .embed-responsive
с заданным соотношением сторон экрана. Элемент класса .embed-responsive-item
не так уж необходим, но мы приветствуем его использование.
Соотношение сторон экрана
Соотношение сторон могут быть настроены с помощью классов модификаторов. По умолчанию предоставляются следующие классы коэффициентов:
В _variables.scss
, вы можете изменить пропорции, которые вы хотите использовать. Вот пример списка $embed-responsive-aspect-ratios
: