Dépalcer une div à droite (BOOTSTRAP)
Résolu/FerméEritou Messages postés 110 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 Windows
- Bouton shift pc - Forum Jeux vidéo
- Svp faire une barre verticale avec clavier - Forum Clavier
- Barre droite mac ✓ - Forum MacOS
- Comment débloquer un bouton enfoncé - Forum Samsung
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.