Chameleon skin - standard layout

From Bootstrap - Demo Wiki


This is what the Chameleon skin looks like when using the standard layout.

Result

Chameleon using the standard layout.

Code

<structure xmlns="https://ProfessionalWiki.github.io/chameleon/schema/3.5/layout.rng">
	<grid class="flex-fill">
		<row>
			<cell class="flex-grow-0">
				<component type="Logo" addLink="yes"/>
			</cell>

			<cell class="ml-auto col-12 col-cmln">

				<row>
					<cell>
						<component type="PersonalTools" hideNewtalkNotifier="yes" class="pull-right"/>
					</cell>
				</row>

				<row>
					<cell>
						<component type="SearchBar" buttons="go" class="pull-right"/>
					</cell>
				</row>

			</cell>
		</row>

		<row>
			<cell>
				<component type="NavbarHorizontal" class="mb-3 mt-2 mt-cmln-0">
					<component type="NavMenu"/>
					<component type="Menu" message="secondary-menu"/>
				</component>
			</cell>
		</row>

		<row>
			<cell>
				<component type="PageTools" class="mb-3"/>
			</cell>
		</row>

		<row>
			<cell class="col-auto mx-auto">
				<component type="SiteNotice"/>
			</cell>
		</row>

		<row>
			<cell class="col-auto mx-auto">
				<component type="NewtalkNotifier" class="mb-3"/>
			</cell>
		</row>

		<row>
			<cell>
				<component type="MainContent"/>
			</cell>
		</row>
	</grid>

	<grid class="mb-2 mt-4">
		<row>
			<cell>
				<component type="NavbarHorizontal" collapsible="no" class="small mb-2" >
					<component type="Toolbox" flatten="no" class="dropup"/>
					<component type="LangLinks" flatten="no" class="dropup"/>
				</component>
			</cell>
		</row>

		<row>
			<cell>
				<component type="FooterInfo"/>
				<component type="FooterPlaces"/>
			</cell>
			<cell>
				<component type="FooterIcons" class="justify-content-end"/>
			</cell>
		</row>
	</grid>
</structure>