Discussion :

[el_debutanti]

Bonjour,
J'ai un formulaire provenant d'un template qui se trouve à gauche de la page, et que j'aimerai mettre à droite.
J'ai essayé plusieurs codes mais aucun n'était valable Et comme je n'y connait rien à BOOSTRAP, je fais appel à vous.
Mon HTML :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<div id="bouton_close"><input type="image" id="image" class="image" src="images/close.gif" onClick="parent.close()">
            <div class="row">
                <div class="col-md-6 " id="form_container">
                    <h2>Contact Us</h2> 
                    <p> Please send your message below. We will get back to you at the earliest! </p>
                    <form role="form" method="post" id="reused_form">
                        <div class="row">
                            <div class="col-sm-12 form-group">
                                <label for="message"> Message:</label>
                                <textarea class="form-control" type="textarea" id="message" name="message" maxlength="6000" rows="7"></textarea>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 form-group">
                                <label for="name"> Your Name:</label>
                                <input type="text" class="form-control" id="name" name="name" required>
                            </div>
                            <div class="col-sm-6 form-group">
                                <label for="email"> Email:</label>
                                <input type="email" class="form-control" id="email" name="email" required>
                            </div>
                        </div>
                        <div class="row">
                            <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                                <button type="submit" class="btn btn-dark" >Send</button>
                            </div>
                        </div>
                    </form>
                    <div id="success_message" style="width:100%; height:100%; display:none; "> <h3>Posted your message successfully!</h3> </div>
                    <div id="error_message" style="width:100%; height:100%; display:none; "> <h3>Error</h3> Sorry there was an error sending your form. </div>
                </div>
        </div>

Merci pour votre aide

[NoSmoking]

Bonjour,
vite fait (pas sûr que cela soit la meilleure façon de faire) :

Code html :

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

<div class="col-md-6 mx-auto" id="form_container">

Je persiste à te dire qu'il faut à minima regarder la documentation officielle

↪ Horizontal centering

[el_debutanti]

Bonjour NoSmoking,
Je suis bien allé voir le lien, mais je n'y comprends rien.
Je n'ai pas trouvé le code pour mettre un élément à droite.
Le formulaire est actuellement centré.
merci pour ton aide et bonne journée.

[NoSmoking]

Je suis bien allé voir le lien, mais je n'y comprends rien.

il ne faut pas que cela deviene une fatalité

Je n'ai pas trouvé le code pour mettre un élément à droite.
Le formulaire est actuellement centré.

je n'avais pas les yeux en face des bons trous


Ce que tu pourrais faire :

Code html :

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

<div class="col-md-6 offset-md-6" id="form_container">

↪ Offset classes

Code html :

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

<div class="col-md-6 ms-auto" id="form_container">

↪ Margin utilities

[el_debutanti]

SUPER. Merci NoSmoking.
La méthode offset ne fonctionne pas : une partie du formulaire est à l'extérieur si on redimensionne la fenêtre.
Mais la seconde méthode fonctionne à merveille. MERCI !!!!!
Bonne journée !

[el_debutanti]

et merci pour les liens, mais je n'y comprends rien. Trop compliqué pour moi
Bonne fin de journée NoSmoking

[NoSmoking]

Trop compliqué pour moi

BootStrap c'est une « usine à gaz », mais n'est pas « trop compliqué » si l'on connait un minimum de ce que fiat et peut faire le CSS et que l'on prend le temps de tester les exemples mis