Responsive Containers

Resize the browser window to see the effect.

.container-sm: Bootstrap Small. Verändert sich mit der Bildschirmgrösse bis zu 576px (Geräte: grosse Smartphones im Querformat, kleine Tablets im Hochformat)

.container-md: Bootstrap Medium. Verändert sich mit der Bildschirmgrösse bis zu 768px (Geräte: Tablets im Hochformat, z.B. iPad)

.container-lg: Bootstrap Large. Verändert sich mit der Bildschirmgrösse bis zu 992px (Geräte: Tablets im Querformat, kleine Laptops)

.container-xl: Bootstrap Extra Large. Verändert sich mit der Bildschirmgrösse bis zu 1200px (Geräte: Laptops, Desktop-Monitore)

.container-xxl: Bootstrap Extra Extra Large. Verändert sich mit der Bildschirmgrösse bis zu 1400px (Geräte: grosse Desktop-Monitore, breite/Full-HD-Bildschirme)