Chameleon skin - navhead layout

The navhead layout has a full-width horizontal navbar at the top and a near full-width toolbar at the bottom of the page. It differs from the other full-width layouts because the navbar remains visible when the page is scrolled.

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

Result

Code

<structure xmlns="https://ProfessionalWiki.github.io/chameleon/schema/3.5/layout.rng">
	<component type="NavbarHorizontal">
		<component type="Logo" position="head"/>
		<component type="NavMenu" flatten="navigation" />
		<component type="Menu" message="secondary-menu"/>
		<component type="PageTools" class="flex-row" position="right" hideSelectedNameSpace="yes"/>
		<component type="SearchBar" class="order-first order-cmln-0" position="right" buttons="go"/>
		<component type="PersonalTools" position="right"/>
	</component>

	<grid class="flex-fill">
		<row>
			<cell>
				<component type="SiteNotice"/>
			</cell>
		</row>

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

	<grid class="mb-2 mt-4" mode="fluid">
		<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>

This wiki contains content from the Bootstrap homepage, licensed Commons Attribution 3.0 Unported (CC BY 3.0). Thank you to everyone on this site for creating outstanding content!