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 2 colonnes horizontalement


Sujet :

Centrer un élément en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Novembre 2016
    Messages
    105
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Novembre 2016
    Messages : 105
    Par défaut [Bootstrap] centrer 2 colonnes horizontalement
    bonjour ;
    je veux centrer deux colonnes horizontalement !

    Nom : help.png
Affichages : 1670
Taille : 28,6 Ko

    mon code :
    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
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
     <div class="container">
                <div class="row row-centered ">
                  <div class="col-xs-12 col-sm-4 col-md-4  col-centered">
                      <figure>
                          <img src="{{ asset('Resources/public/Image/client.png') }}" alt="">
                      </figure>
                  </div>
                  <div class="col-xs-12 col-sm-4 col-md-4  col-centered">
                      <figure>
                          <img src="{{ asset('Resources/public/Image/operation.png') }}" alt="" >
                      </figure>
                  </div>
                <div class="col-xs-12 col-sm-4 col-md-4  col-centered">
                              <figure>
                                  <img src="{{ asset('Resources/public/Image/operateur.png') }}" alt="" >
                              </figure>
                </div>
     
                </div>
                <div class="row row-centered">
                  <div class="col-xs-12 col-sm-6 col-md-4  col-centered" >
                      <figure>
                          <img src="{{ asset('Resources/public/Image/rangee.png') }}" alt="">
                      </figure>
                  </div>
                  <div class="col-xs-12 col-sm-6 col-md-4  col-centered"  >
                      <figure>
                          <img src="{{ asset('Resources/public/Image/boitier.png') }}" alt="" >
                      </figure>
                  </div>
     
                </div>
                <div class="row row-centered">
     
                      <div class="col-xs-12 col-sm-4 col-md-4  col-centered pagination-centered ">
                          <figure>
                              <img src="{{ asset('Resources/public/Image/dossier.png') }}" alt="">
                          </figure>
                      </div>
                      <div class="col-xs-12 col-sm-4 col-md-4  col-centered">
                          <figure>
                              <img src="{{ asset('Resources/public/Image/document.png') }}" alt="" >
                          </figure>
                      </div>
     
     
                </div>
     
            </div>
    j'ai utilisé de css normale mais rien de nouveau !

  2. #2
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 231
    Par défaut
    Bonjour,
    regarde plus avant Bootstrap Grid system.

Discussions similaires

  1. Centrer une div , horizontalement et verticalement, dans un TD
    Par neo_2000_2006_59 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 22/06/2011, 11h53
  2. Comment centrer certaines colonnes d'un tableau ?
    Par Varglav dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 25/05/2007, 16h03
  3. Centrer la scrollbar horizontale
    Par guigui5931 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 16/05/2007, 17h11
  4. [Debutant] Afficher les colonnes horizontalement
    Par thesailingcat dans le forum BIRT
    Réponses: 9
    Dernier message: 15/01/2007, 18h33
  5. Réponses: 4
    Dernier message: 08/11/2006, 12h56

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