Discussion :

[flexi2202]

bonjour a tous je suis sous boostrap
et j utilise un jeu de card

j ai un code qui me permet de faire floater mon image a gauche
mais je souhaiterais la faire floater a droite

mais je n y arrives pas ...
j aimerais garder la même structure de fichier ...

voici le code
merci de l aide

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
	 <style>
                 #example1 { float: left; }
                 #example2 { float: right; }
         </style>
	       <div class="card mb-3">
               <div class="row no-gutters">
			    <div class="col-md-12">
                  <div class="col-md-4"> <img src="" class="w-100"id="example1"> </div>
 
                     <div class="card-body">
                        <h4 class="card-title">la france</h4>
                        <p class="card-text"> L'histoire de la France commence avec les premières occupations humaines du territoire correspondant au pays actuel. Aux groupes présents depuis le Paléolithique et le Néolithique, sont venues s'ajouter, à l'Âge du bronze et à l'Âge du fer, des vagues successives de Celtes, puis au iiie siècle .						</p>
						<p style="clear: left;">--- Clears the left float ---</p>
                     </div>
                  </div>
               </div>
            </div>

[NoSmoking]

Bonjour,

j ai un code qui me permet de faire floater mon image a gauche

c'est une interprétation très libre de ce que fait BootStrap

Ton élément <div class="row no-gutters"> étant en display:flex il te suffit de lui ajouter une déclarationflex-direction: row-reverse et hop l'image passera à droite sans modification de la structure.

J'en conclus que tu n'as pas été très curieux suite à cette discussion : Inverser deux DIV en responsive

[flexi2202]

bonjour
merci pour l aide cela a ete resolu