17-66-17.html

{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace flux=FluidTYPO3\Flux\ViewHelpers}

<f:layout name="Content" />

<f:section name="Configuration">
	<flux:form wizardTab="Inhaltselemente" id="grid176617" options="{useTypoScript: 0}" label="Grid: 17-66-17">
		<flux:grid>
			<flux:grid.row>
				<flux:grid.column style="width: 17%;border-right: 1px dotted #999;" name="column1" label="Spalte 1" />
				<flux:grid.column style="width: 66%;border-right: 1px dotted #999;" name="column2" label="Spalte 2" />
				<flux:grid.column style="width: 17%;" name="column3" label="Spalte 3" />
			</flux:grid.row>
		</flux:grid>
		<flux:field.checkbox name="marginBottom" label="Abstand nach Unten" />
	</flux:form>
</f:section>

<f:section name="Preview">
	<flux:widget.grid />
</f:section>

<f:section name="Main">
	<div class="row {f:if(condition: marginBottom, then: 'bottom-spacer')}">
		<div class="col-sm-2">
			<flux:content.render area="column1" />
		</div>
		<div class="col-sm-8">
			<flux:content.render area="column2" />
		</div>
		<div class="col-sm-2">
			<flux:content.render area="column3" />
		</div>
	</div>
</f:section>