Les rangées

Gérér l'alignement horizontal entre les éléments de deux colonnes

Comportement de base

Le composant row fonctionne comme les colonnes, mais il réparti ses enfants dans le sens vertical :

                            <div class="columns">
                            <div class="column">
                            <div class="rows">
                            <div class="row"></div>
                            <div class="row"></div>
                            <div class="row"></div>
                            </div>
                            </div>
                            <div class="column">
                            <div class="rows">
                            <div class="row"></div>
                            <div class="row"></div>
                            </div>
                            </div>
                            <div class="column"></div>
                            </div>

Mode wireframe

Alignement horizontal

Son utilisation avec la facette is-narrow permet d'aligner des éléments identiques horizontalement :

                            <div class="columns">
                            <div class="column">
                            <div class="rows">
                            <div class="row">Case 1</div>
                            <div class="row">Case 2</div>
                            <div class="row is-narrow">
                            <div class="buttons is-centered">
                            <button class="button is-primary">Un boutton</button>
                            </div>
                            </div>
                            </div>
                            </div>
                            <div class="column">
                            <div class="rows">
                            <div class="row">Case 3</div>
                            <div class="row is-narrow">
                            <div class="buttons is-centered">
                            <button class="button is-primary">Un boutton</button>
                            </div>
                            </div>
                            </div>
                            </div>
                            </div>

Mode wireframe