28112 sujets

CSS et mise en forme, CSS3

Bonjour,

Je suis en train de travailler sur un projet personnel.

J'apprends au fur et à mesure, et j'ai acheté un template qui utilise bootstrap.

J'ai réussi à modifier pas mal de choses mais je sèche sur un truc tout con...centrer un bouton !

Voici le lien : http://s778507283.onlinehome.fr/accueil.html

Je souhaite centrer le bouton "Inscription".

J'ai essayé avec mx-auto mais cela ne prend pas. Si je mets un padding-left: 46% cela fonctionne mais c'est pas super propre pour du responsive design je pense...

<div style="width: 100%;" class="mx-auto"><a class="btn btn-primary" href="#" role="button">INSCRIPTION</a></div>


Merci
Modifié par natsu84 (28 Mar 2019 - 14:53)
Hello

Le bouton en question est en display 'inline-block'. Il suffit donc d'ajouter la classe "text-center" sur la div parent.
Meilleure solution
Tu ouvres la console de développement. Tu inspectes le DOM. Tu cliques sur l'éléement en question ici c'est la balise <a> qui a les classes btn et btn-primary. Et tu verras que dans la classe btn le display est en inline-block.