Afbeelding links, tekst rechts (niet geklemd)

V000-06

Deze preset toont een afbeelding link met een tekstblok er rechts naast. De afbeedling wordt uitgerekt tot de rand van het scherm. De tekst blijft altijd binnein de randen van bootstrap container.

Let op de afbeelding loopt buiten de bootstrap container. Wil je dat deze er in blijft zitten zie dan Afbeelding links, tekst rechts.

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="unclamp-left-clamp-right">
	<nc-image name="image" width="960"></nc-image>
	<nc-text name="text"></nc-text>
</div>

<!-- Draai de volgorde op mobiel om door een 'reverse' op de kolom volgorde te zetten. -->
<div class="unclamp-left-clamp-right flex-column-reverse flex-md-row">
	<nc-image name="image" width="960"></nc-image>
	<nc-text name="text"></nc-text>
</div>