Listes

Les listes sont des outils de mise en page, allant des listes simples aux listes de descriptions incluant des icones en entête.

Liste d'éléments classique

Aperçu

Mode responsive

Lorem Ipsum is simply
Lorem Ipsum is simply
Lorem Ipsum is simply

                                                                <ul class="list">
                                        <li>Lorem Ipsum is simply</li>
                                        <li>Lorem Ipsum is simply</li>
                                        <li>Lorem Ipsum is simply</li>
                                    </ul>

Liste d'éléments avec icônes

Aperçu

Mode responsive

Ipsum is simply
Lorem Ipsum is simply
Lorem Ipsum is simply

                                                                <ul class="icon-list">
                                        <li>
                                            <span class="icon is-small is-secondary"><i class="tri-check" aria-hidden="true"></i></span>
                                            <span>Ipsum is simply</span>
                                        </li>
                                        <li>
                                            <span class="icon is-small is-secondary"><i class="tri-check" aria-hidden="true"></i></span>
                                            <span> Lorem Ipsum is simply</span>
                                        </li>
                                        <li>
                                            <span class="icon is-small is-danger"><i class="tri-times" aria-hidden="true"></i></span>
                                            <span disabled="">Lorem Ipsum is simply</span>
                                        </li>
                                    </ul>

Liste de descriptions

Aperçu

Mode responsive

Title: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book
Title: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

                                                                <dl class="dl">
                                        <dt>Title</dt>
                                        <dd>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</dd>
                                        <dt>Title</dt>
                                        <dd>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</dd>
                                    </dl>

Liste de descriptions inversé

Aperçu

Mode responsive

Title: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book; Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book
Title: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book; Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

                                                                <dl class="dl is-alternate">
                                        <dt>Title</dt>
                                        <dd>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</dd>
                                        <dd>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</dd>
                                        <dt>Title</dt>
                                        <dd>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</dd>
                                        <dd>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</dd>
                                    </dl>