[Résolu] Boostrap responsive

Hello

J'utilise bootstrap, j'ai deux div, dans mon code elles sont à la suite

<div id="div1" class="col-md-8  col-lg-8 col-sm-12 col-xs-12">
</div>
<div id="div2" class="col-md-4  col-lg-4 col-sm-12 col-xs-12">
</div>

Les deux div sont dans une "row" boostrap et elles prennent 12 colonnes en "sm" et "xs",
en "md" et "lg" c'est du col-8 et col-4 (donc cote à cote).
Quand je passe en vue tablette/smartphone elles prennent donc 12 colonnes et la div2 vient se place visuellement en dessous de la div1.

ma question est : comment faire en sorte que la div2 vienne au dessus de div1 ?

Merci là je suis un peu pommé
Modifié par JENCAL (14 Jan 2016 - 10:52)

Hello,
N'oublie pas que Bootstrap est en mobile first.
Tu dois donc les inverser dans ton code pour que ce soit bon en mobile et puis les inverser avec .col-md-push-4.
Regarde cette partie de la documentation.

Super !!!
exactement ce que je voulais, c'est parfait ! je connaissais pas du tout push et pull....
merci énormément Yordi !
Modifié par JENCAL (14 Jan 2016 - 15:06)

bonjour
je suis confronté exactement au meme probleme. J'ai lu avec attention ce post. Il n'y a donc pas d'autres solutions ?

Yordi a écrit :
Hello,
N'oublie pas que Bootstrap est en mobile first.
Tu dois donc les inverser dans ton code pour que ce soit bon en mobile et puis les inverser avec .col-md-push-4.
Regarde cette partie de la documentation.

il faut absolument que le code soir bon en mobile first ? moi j'ai des pages qui sont déjà créées, j'aurais aimé obtenir le même résultat sans inverser mes divs dans le code ..

Bonjour Jacques,

Le but justement est de ne pas toucher au div. mais uniquement aux classes boostrap de celle-ci via push and pull