Компонент для адаптивного вбудовування Bootstrap дозволяє легко масштабувати відео та слайд-шоу до розмірів блоку, що містить їх. Цей компонент може використовуватися з елементами <iframe>, <video>, <object> та <embed>.
Щоб застосувати компонент для адаптивного вбудовування до одного з цих елементів, вставте елемент усередину <div> з класом .embed-responsive разом із класом, що визначає співвідношення сторін (наприклад, .responsive-embed-16by9 або .responsive-embed — 4by3).
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="//www.youtube.com/embed/wMuNjnNyaiA" allowfullscreen></iframe> </div>
Не потрібно використовувати frameborder="0" в елементі <iframe>, оскільки Bootstrap перевизначає це.