Entête well responsive - Thème de GCWeb

L'entête well responsive supporte des cas d'utilisateur pour les page promotionelles et les paneaux avec entête.

Comportement

La largeur de l'entête responsive est ajusté en fonction de l'écran. Voici les largeurs programmées:

Large et plus grand:

50%

Petit et plus grand:

75%

Défaut:

100%

CSS

.header-rwd

Représente le conteneur de l'entête responsive. Il doit être accompagné de la classe CSS .well

Démos

Il existe quelques example additionelle avec les fonctionalités expérimentaux..

Dans un section.panel

<section class="panel panel-primary">
	<header class="panel-heading">
		<div class="well header-rwd text-primary">
			<h4 class="brdr-bttm">Entête</h4>
			<p>Titre secondaire</p>
		</div>
	</header>
	<div class="panel-body">
		<p>Contenu de panneau</p>
		<p>Second paragraph de contenu de panneau</p>
	</div>
</section>

Dessus une image

Entête

Titre secondaire

<div class="row">
	<div class="col-xs-12">
		<div>
			<img class="img-responsive full-width" src="https://wet-boew.github.io/v4.0-ci/demos/tabs/img/investinourfuture.jpg" alt="">
			<div class="well header-rwd pstn-tp-sm mrgn-tp-lg mrgn-bttm-md">
				<h4 class="mrgn-tp-md">Entête</h4>
				<p>Titre secondaire</p>
			</div>
		</div>
	</div>
</div>