Tekst links, afbeelding rechts (niet geklemd)

V000-07

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

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

Hoe te gebruiken?

Neem onderstaande stukken code over in jouw website buiten het .container element.

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

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