IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

[BootStrap] Centrer un élément au milieu de la page


Sujet :

Centrer un élément en CSS

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Développeur Java
    Inscrit en
    Mars 2018
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Mars 2018
    Messages : 3
    Par défaut [BootStrap] Centrer un élément au milieu de la page
    Bonjour les ami(e)s,
    En fait j'utilise bootstrap pour crée une page web, je donne un titre a la page de type <h1> puis j'essaie de le centrée pour qu'il soit au milieu de la page.

    juste que ça ne veux pas fonctionner voila mon code :

    Nom : Capture-1.PNG
Affichages : 629
Taille : 71,4 Ko

    Et voile le résultat que j’obtiens Nom : Capture.PNG
Affichages : 514
Taille : 26,0 Ko
    Merci de votre aide

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 198
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 198
    Par défaut
    Bonjour,
    tout d'abord :

    Il est préférable de mettre directement le code entre les balisages prévus, voir lien, plutôt que d'insérer une capture d'écran.
    Cela facilite grandement le test avec un simple copier/coller.

    Aide sur l'utilisation des boutons.


    Ceci étant l'origine de ton soucis se situe au niveau de la déclaration de la classe row sur le conteneur.

    Si tu souhaites centrer ton <h1> il te faut alors écrire :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <h1 class="col">
      Checking King
    </h1>
    cela le forcera a prendre toute la largeur du conteneur et son contenu pourra dans ce cas être center.

Discussions similaires

  1. Centrer un élément dont on ne connait pas la largeur
    Par maa dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 25/01/2007, 17h08
  2. [XHTML] centrer un élèment legend
    Par gibigue dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 29/05/2006, 23h46
  3. [CSS] Centrer les éléments ou un site web
    Par pp51 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 27/12/2005, 15h24
  4. [CSS] centrer un élément
    Par prgasp77 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 23/06/2005, 22h31
  5. [XHTML] centrer un tableau au milieu d'un div - bug firefox
    Par mondiani dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 07/02/2005, 23h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo