Dépalcer une div à droite (BOOTSTRAP)
Résolu/FerméEritou Messages postés 111 Date d'inscription samedi 20 décembre 2014 Statut Membre Dernière intervention 29 septembre 2023 - 24 nov. 2022 à 12:46
- Mettre un bouton à droite bootstrap
- Barre droite clavier - Forum Excel
- Bouton shift pc ✓ - Forum Jeux vidéo
- Le fichier à télécharger est la nouvelle note de service de votre entreprise. importez ce fichier dans le bon dossier sur l'espace pix cloud. donnez à ce fichier les mêmes droits d'accès que les autres notes de service. ✓ - Forum Windows
- Clémence souhaite faire calculer automatiquement les prix de 30 produits dans trois devises. elle a déjà saisi une formule de calcul pour le tarif du premier produit dans la première devise. corrigez sa formule afin que recopiée vers le bas puis vers la droite, elle remplisse correctement tout le tableau. - Forum Excel
- Alignez la date à droite. alignez "monsieur le directeur” à gauche. alignez des deux côtés le texte du courrier. ✓ - Forum Word
9 réponses
10 nov. 2022 à 15:27
Bonjour,
Pour moi le problème vient de cette ligne :
<div class="col-md-6 " id="form_container">
Cette ligne sépare votre page en 2 colonnes, sans pour autant le séparer.
Essayer avec cette ligne juste avant :
<div class="col-md-3 " ></div>
Ou avec cette ligne :
<div class="col-md-6 col-md-offset-3" id="form_container">
Cette dernière permet de décaler votre colonne de 3 unités à droite.
10 nov. 2022 à 16:35
Bonjour diablo13800,
Merci pour votre réponse, malheureusement cela ne fonctionne pas. La div est soit (presque) centrée, soit décalée vers la droite mais avec un width divisé par 3 (?), sûrement du aux columns.
Mais oui, à mon avis tout se joue dans cette ligne.
Merci.
10 nov. 2022 à 16:49
Avec les lignes que je vous ai envoyé les md-6 deviennent centré
Cependant, elle deviennent centré par rapport au container qui le précède, qui eux ont une taille dépendant des container qui'ls ont etc...
Pouvez-vous envoyer toute votre page ?
10 nov. 2022 à 19:47
Voici le lien :
https://lecomptearebours.fr/contact/formpage.html
Merci beaucoup :)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question10 nov. 2022 à 20:03
Bonjour,
Il faut utiliser :
<div class="col-md-6 offset-md-3"
*Tu dois aussi supprimer, dans ton css,, sur le #form_container , les attributs suivants
width: 40%; float: right;
10 nov. 2022 à 21:57
Bonsoir jordane45,
Cela ne fait que centrer le formulaire :/
Merci.
10 nov. 2022 à 22:20
Et ben si tu veux le mettre plus à droite tu augmentes l'offset
11 nov. 2022 à 09:36
Tout bêtement :)
Merci beaucoup jordane45.
Je m'en vais me renseigner sur l'offset.
Bon week-end.
17 nov. 2022 à 13:31
Bonjour jordane45,
Selon la taille de la fenêtre, la div est à right: -60px (une partie de la div cachée), ou ne reste pas à droite mais à left:0 quand on diminue davantage la fenêtre.
Rien du côté des CSS :(
Bootstrap ?
Bonne journée.
24 nov. 2022 à 12:46
Bonjour,
Avec ce code ci, ça fonctionne :
<div class="col-md-6 ms-auto" id="form_container">
Bonne journée.