Bonjour

J'essaie de déplacer un bouton dans une col

 <div class="row">
            <div class="col-md-3 col-md-offset-2">
                <button class="btn" type="button" id="loadMoreFigBtn" title="Plus de figures"
                        onclick="loadMore(4,'grid-item')">Plus de
                    figures
                </button>
            </div>

            <div class="col-md-9">
                <button onclick="topFunction()" id="myBtn" title="En haut">Haut</button>
            </div>
        </div>

Mais le bouton ne bouge pas

Bonjour, 

Quelle est ta version de Bootstrap ? 

Bonjour.

Tu ne sembles clairement pas avoir compris le fonctionnement des offset.

Ce n'est pas l'élément à l'intérieur de la colonne qui sera déporté de 2 colonnes, mais la colonne elle-même.

Du coup la seconde colonne (col-md-9) va passer en dessous de la première colonne, car 3 + 2 + 9 = 14.

-
Edité par Lartak 28 mars 2020 à 23:45:31

Demat Mewen_bzh : ver. 4

Bonjour Lartak : j'avais compris que l'offset ajoutait une colonne et du coup décale celle qui contient l'élément et donc ce dernier 
j'ai mis 

 <div class="row">
            <div class="col-md-6 col-md-offset-2">
                <button class="btn" type="button" id="loadMoreFigBtn" title="Plus de figures"
                        onclick="loadMore(4,'grid-item')">Plus de
                    figures
                </button>
            </div>

            <div class="col-md-3">
                <button onclick="topFunction()" id="myBtn" title="En haut">Haut</button>
            </div>
        </div>

Mais rien ne change

-
Edité par damirov 29 mars 2020 à 10:25:41

Si tu utilises effectivement la version 4 comme tu le dis alors je pense que tu devrais tout simplement te reporter à la doc de Bootstrap.

Tu écris :

<div class="col-md-6 col-md-offset-2">

Ce qui correspond à la syntaxe de Bootstrap 3 : https://getbootstrap.com/docs/3.3/css/#grid-offsetting

La syntaxe de Bootstrap 4 est différente : https://getbootstrap.com/docs/4.4/layout/grid/#offsetting-columns

-
Edité par Mewen_bzh 29 mars 2020 à 11:47:24