Sections
Pour isoler différentes zones d'une page de backoffice.
<div class="section"> <h3>Titre de cette section</h3> <div> Contenu de la section. Lorem ipsum dolor sit amet, vivendo insolens ius ad, et decore similique voluptaria vel. Pro in postulant pertinacia, dicta doctus platonem pro ad. His at nibh integre officiis. Ad diceret iudicabit sententiae per. Placerat pertinax eu mei, volumus atomorum cum cu. Fastidii consequuntur ut his. </div> </div>
Titre de cette section
Contenu de la section. Lorem ipsum dolor sit amet, vivendo insolens ius ad, et decore similique voluptaria vel. Pro in postulant pertinacia, dicta doctus platonem pro ad. His at nibh integre officiis. Ad diceret iudicabit sententiae per. Placerat pertinax eu mei, volumus atomorum cum cu. Fastidii consequuntur ut his.
En ajoutant la classe "foldable" sur la section, celle-ci gagne de quoi se dé/plier :
<div class="section foldable"> <h3>Titre de cette section</h3> <div> Contenu de la section. Lorem ipsum dolor sit amet, vivendo insolens ius ad, et decore similique voluptaria vel. Pro in postulant pertinacia, dicta doctus platonem pro ad. His at nibh integre officiis. Ad diceret iudicabit sententiae per. Placerat pertinax eu mei, volumus atomorum cum cu. Fastidii consequuntur ut his. </div> </div>
Titre de cette section
Contenu de la section. Lorem ipsum dolor sit amet, vivendo insolens ius ad, et decore similique voluptaria vel. Pro in postulant pertinacia, dicta doctus platonem pro ad. His at nibh integre officiis. Ad diceret iudicabit sententiae per. Placerat pertinax eu mei, volumus atomorum cum cu. Fastidii consequuntur ut his.