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 :

La grille de Bootstrap


Sujet :

Grille CSS (CSS Grid)

  1. #1
    Nouveau Candidat au Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2014
    Messages
    483
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loiret (Centre)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2014
    Messages : 483
    Points : 0
    Points
    0
    Par défaut La grille de Bootstrap
    Bonjour,

    ce post s'adresse aux gens connaissant le système de grille de Bootstrap.

    Lorsqu'on a à intégrer une maquette photoshop et que en haut de cette page à intégrer on a des rubriques de la gauche vers la droite disposées sur la même ligne comme ceci: première rubrique à gauche:"service clients" puis deuxième rubrique 60 pixels plus à droite:"numéro de téléphone" puis troisième rubrique 60 pixels plus à droite "Coucou" etc..

    Il est constatable que chaque écriture de rubrique est séparé de 60 pixels (mesurables avec l'outil règle) de la précédente comme je l'ai dit.

    Voici ma question: il n'est pas possible je pense d'utiliser la grille Bootstrap pour coder le CSS de cette page car lorsqu'il y a des longueurs exprimées en pixels (ici 60 pixels) entre les rubriques à respecter la grille Bootstrap est inopérationnelle, non? Il faudra donc utiliser des média queries pour coder le CSS de cette page pour les tablettes et les mobiles non?Ai je bien raison?

    Merci

  2. #2
    Membre éclairé
    Homme Profil pro
    Formateur en informatique
    Inscrit en
    Septembre 2012
    Messages
    416
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Formateur en informatique
    Secteur : Associations - ONG

    Informations forums :
    Inscription : Septembre 2012
    Messages : 416
    Points : 747
    Points
    747
    Par défaut
    L'unité px ne gène pas Bootstrap (en tous cas, je n'ai jamais remarqué ce comportement)

  3. #3
    Nouveau Candidat au Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2014
    Messages
    483
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loiret (Centre)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2014
    Messages : 483
    Points : 0
    Points
    0
    Par défaut
    si les px gène Bootstrap:

    Bootstrap mets 12 unités de longueur pour une ligne, ligne dont la taille change d'un média à l'autre, donc Bootstrap ne peut prendre en compte les 60 pixels d'écart de mon exemple, lorsqu'on a des pixels à respecter pour une maquette Bootstrap est inopérationnel donc. Comment voulez vous mettre 60 px entre les rubriques de mon exemple avec la grille de Bootstrap, c'est impossible.

Discussions similaires

  1. Css compréhension grille bootstrap
    Par Heureuse dans le forum Mise en page CSS
    Réponses: 0
    Dernier message: 16/02/2015, 10h07
  2. [CSS 3] Grilles et Bootstrap
    Par oceane751 dans le forum Mise en page CSS
    Réponses: 15
    Dernier message: 21/01/2015, 14h18
  3. Utilisation d'une grille avec Bootstrap
    Par abc.xyz dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 22/12/2014, 11h19
  4. jaimerais savoir commen creer une grille.......
    Par zephyr dans le forum Flash
    Réponses: 5
    Dernier message: 29/04/2003, 12h14
  5. [VB6] [Interface] Grille avec combobox
    Par khany dans le forum VB 6 et antérieur
    Réponses: 6
    Dernier message: 15/01/2003, 09h55

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