Afbeelding links, tekst rechts

V000-03

Deze preset toont een afbeelding link met een tekstblok 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 Afbeelding links, tekst rechts (niet geklemd).

Hoe te gebruiken?

Neem onderstaande stukken code over in jouw website.

Let op dat als je de module-output gebruikt hier nog een div omheen gezet wordt aangezien deze partial geen div van zichzelf heeft buiten de beheermodus om.

Voorvertoning

Alvast beginnen met een basis opmaak?

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

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