Divider

Les séparateurs sont utilisés pour différencier des zones d'information au sein d'un espace de contenu neutre comme les cartes, les box ou les sections.

Code de base

Aperçu

Mode responsive

                                                        <hr class="is-divider">

Avec contenu

Aperçu

Mode responsive

                                                        <hr class="is-divider" data-content="+">

Sans marge

Séparateur en pleine largeur dans un autre composant grâce à la classe is-unboxed

Aperçu

Mode responsive

Élément positionné normalement

Élément dont on annule les marges via "is-unboxed"

                                                        <div class="box">
                                <div class="box-content">
                                    <p>Élément positionné normalement</p>
                                    <hr class="is-divider is-unboxed">
                                    <p>Élément dont on annule les marges via "is-unboxed"</p>
                                </div>
                            </div>