Add embed-responsive wrapper and classes to media links when using Bootstrap extension #364

Open
opened 2026-01-29 14:35:00 +00:00 by claunia · 0 comments
Owner

Originally created by @RudeySH on GitHub (May 12, 2020).

Bootstrap provides classes for embeds: https://getbootstrap.com/docs/4.4/utilities/embed/

The Bootstrap extension currently adds img-fluid to media links, because media links are treated as images. Instead, it should add embed-responsive-item. The iframe needs to be surrounded with a div with the following classes: embed-responsive embed-responsive-16by9 (the aspect ratio could be configurable).

Originally created by @RudeySH on GitHub (May 12, 2020). Bootstrap provides classes for embeds: https://getbootstrap.com/docs/4.4/utilities/embed/ The Bootstrap extension currently adds `img-fluid` to media links, because media links are treated as images. Instead, it should add `embed-responsive-item`. The iframe needs to be surrounded with a div with the following classes: `embed-responsive embed-responsive-16by9` (the aspect ratio could be configurable).
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/markdig#364