Bilder in Kolumnen

Für die nachfolgenden zwei Kolumnen müssen die entsprechenen Shortcodes für das Einbinden der Bilder erstellt werden

Bild in Kolumne

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et ccusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et ccusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. asdasdad

.col-md-6 { flex:0 0 auto; width:50%; }
.float-md-end { float: right !important; }
.mb-3 { margin-bottom: 1rem !important; }
.ms-md-3 { margin-left: 1rem !important; }

Bild in Kolumne

.col-md-6 { flex:0 0 auto; width:50%; }
.float-md-start { float:left !important; }
.mb-3 { margin-bottom: 1rem !important; }
.me-md-3 { margin-right:1rem !important; }

Jumbotron

Die Jumbotron-Komponente wurde fallen gelassen, da sie mit Dienstprogrammen repliziert werden kann.

Custom jumbotron

Using a series of utilities, you can create this jumbotron, just like the one in previous versions of Bootstrap. Check out the examples below for how you can remix and restyle it to your liking.

Change the background

Swap the background-color utility and add a `.text-*` color utility to mix up the jumbotron look. Then, mix and match with additional component themes and more.

Add borders

Or, keep it light and add a border for some added definition to the boundaries of your content. Be sure to look under the hood at the source HTML here as we’ve adjusted the alignment and sizing of both column’s content for equal-height.