Media Object

Bootstrap Media Object Pattern: small image or icon on the left, content on the right. Commonly used for comment lists, team overviews, profile cards, and news teasers. CType: t3bs_media.

With Image Preview

Image on the left (max. 64px), content on the right. The image is cropped to a width of 64px — avatar size.

T3Bootstrap v14

Commercial Site Package — based on EXT:container + Fluid, provides 29 content elements for TYPO3 14.

Use an icon instead of an image

Instead of a FAL image, an icon can be tx_t3bs_icon — for example, a Bootstrap icon class such as bi bi-shield-check.

Safety & Maintenance

WCAG-compliant markup, regular Bootstrap and TYPO3 updates, seamless migration between major versions.

List of Multiple Media Objects

Stacked on top of each other — for example, for feature lists, team members, or comments.

Ready to Go in a Flash

Site packages, sets, and demo content. Installation via Composer in just a few minutes.

Three Themed Worlds

Pine, Copper, Ink — interchangeable via design system tokens. Each project has its own color palette without having to recompile SCSS.

Extension Stack

Compatibility has been tested with Powermail, Form, Blog, News, Calendarize, ws_slider, and more.

Configuration

CType: t3bs_media
image: FAL reference, max-width 64px (avatar)
tx_t3bs_icon: Bootstrap icon class (e.g., bi bi-shield-check fs-2) — Alternative to the image
Content: Any CEs in the sub-container colPos=21007 (typically text + header)