Tekst links, afbeelding rechts

V000-04

Deze preset toont een tekstblok links met een afbeelding er rechts naast. De afbeedling wordt uitgerekt tot de rand van de bootstrap container op maximum breedte. De tekst blijft altijd binnein de randen van bootstrap container.

Let op als het scherm breeder is dan de bootstrap container stopt de afbeelding daar. Wil je dat deze door loopt zie dan Tekst links, afbeelding rechts (niet geklemd).

Hoe te gebruiken?

Neem onderstaande stukken code over in jouw website.

Voorvertoning

Alvast beginnen met een basis opmaak?

Neem de onderstaande code over in een template van de website om het tegebruiken.

HTML
<div class="clamp-left-stretch-right">
	<nc-text name="text"></nc-text>
	<nc-image name="image" width="960"></nc-image>
</div>

<!-- Reverse the order by applying a column reverse below medium width. -->
<div class="clamp-left-stretch-right flex-column-reverse flex-md-row">
	<nc-text name="text"></nc-text>
	<nc-image name="image" width="960"></nc-image>
</div>