Discussion :

[Spyki]

Salut je me suis mit a utiliser Bootstrap il n'y a pas longtemp et je me demande comment je peut faire pour centrer un col-xx-xx qui est a l'interieur d'un row.
Voici le code que j'ai:

Code :

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

1
2
3
4
5
6
7
8
9
10
 <div class="container">
            <form action="" method="post" class="form">
                <div class="row">
                    <div class="form-group col-lg-3">
                        <label for="nom">Nom du personnage</label>
                        <input type="text" class="form-control" id="nom" name="nom"/>
                    </div>
                </div>
            </form>
        </div>

[NoSmoking]

Bonjour,
si tu n'as qu'une <form> dans ta ligne ne vaudrait-il pas mieux de rien mettre d'autre que ta <form> ?

Sinon tu peux faire un truc du style

Code html :

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

1
2
3
4
5
6
7
8
9
10
<div class="container">
    <form action="" method="post" class="form">
        <div class="row">
            <div class="form-group col-lg-3 center">
                <label for="nom">Nom du personnage</label>
                <input type="text" class="form-control" id="nom" name="nom"/>
            </div>
        </div>
    </form>
</div>

avec la class center définie comme suit

Code :

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

1
2
3
4
.center{
    margin:auto;
    float:none;  /* annule le float:left de bootstrap*/
}

ne pas perdre de vu qu'il existe une balise FIELDSET qui serait de bon aloi dans ton cas également.