Bonjour, 

Depuis tout à l'heure j'essaie de regler un bug de Boostrap mais je suis vraiment bloqué....

	<section class="container-fluid content-section text-center" style="background: #03A678;">
		<div class="row">
		<div class="col-lg-6 col-lg-push-6 mb50">
                Col A
		</div>
		<div class="col-lg-6 col-lg-pull-6 mb50 boto">
		Col B
		</div>
		</div>
    </section>

Avec ce code je devrais bien avoir en affichage mobile la Col A au dessus de la Col B (c'est bien le cas) mais en affichage sur pc, je devrais avoir la col B à gauche de la col A et ce n'est pas le cas, pourtant sur tous les exemples que j'ai  vu ça fonctionne avec cette technique....

Sauriez-vous m'éclairer ? 

Merci 

Bonjour,

c'est parce que les classes à utiliser sont "push-lg-6" et "pull-lg-6" (source : https://v4-alpha.getbootstrap.com/layout/grid/#push-and-pull )

Pense à mettre ".col-12" (ou ".col" simplement) en plus, pour avoir les paddings corrects sur petits écrans.

Oulah effectivement j'ai pas été malin sur ce coup là... On va mettre ça sur le compte de la fatigue :') 

Merci beaucoup !

C'est pas une question d'être malin ou pas c'est qu'il faut avoir le réflexe d'aller voir sur la doc dès qu'il y a un truc qui ne marche pas comme ça devrait.

Bonne continuation !

Lamecarlate a écrit:

C'est pas une question d'être malin ou pas c'est qu'il faut avoir le réflexe d'aller voir sur la doc dès qu'il y a un truc qui ne marche pas comme ça devrait.

Bonne continuation !