Afficher des colonnes dans l'administration

L'utilisation de colonnes permet d'ordonner les différents éléments des pages d'administration, comme dans les Paramètres du blog.

Astuce :

Vérifiez que le contenu des colonnes ne se chevauche lorsque vous diminuez la résolution du navigateur, au minimum en 800×600 pixels.

Deux colonnes

On utilise la classe two-cols :

<div class="two-cols clear">
	<div class="col">
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec velit mi, in iaculis magna. Fusce nec tellus nec magna faucibus iaculis sed quis eros. Nulla sem orci, consectetur ullamcorper volutpat non, semper non purus.
	</div>
	<div class="col">
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec velit mi, in iaculis magna. Fusce nec tellus nec magna faucibus iaculis sed quis eros. Nulla sem orci, consectetur ullamcorper volutpat non, semper non purus.
	</div>
</div>

Astuce :

La classe clear permet d'éviter que les blocs se chevauchent.

Trois colonnes

On utilise la classe three-cols :

<div class="three-cols clear">
	<div class="col">
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec velit mi, in iaculis magna. Fusce nec tellus nec magna faucibus iaculis sed quis eros. Nulla sem orci, consectetur ullamcorper volutpat non, semper non purus.
	</div>
	<div class="col">
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec velit mi, in iaculis magna. Fusce nec tellus nec magna faucibus iaculis sed quis eros. Nulla sem orci, consectetur ullamcorper volutpat non, semper non purus.
	</div>
	<div class="col">
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec velit mi, in iaculis magna. Fusce nec tellus nec magna faucibus iaculis sed quis eros. Nulla sem orci, consectetur ullamcorper volutpat non, semper non purus.
	</div>
</div>