bonjour
j'etudie le site http://tinyurl.com/oubp4dd
pour comprendre bootstrap et comment fonctionne le div avec le sélecteur col-lg-4 col-sm-6 lorsque l on diminue le width du navigateur . Le sélecteur col-lg-4 (33%) s applique seul 1 @media puis c'est au tour du sélecteur col-sm-6 pour 2 @media (50%) . Après aucun des 2 sélecteurs n'est utilisé. On doit arrivé donc à la définition du layout par défaut mais il me semble qu il y a une cassure dans ce layout et que ce layout n'applique plus de grid "fixed" . Quelqu un peut il me dire les éléments ( sélecteur et css properties / value ) qui expliquent cette cassure ? sommes nous dans une grid fluid ? Est ce que ce layout s applique encore sur un grid a 12 column ? quel élément définit le width du layout ? En dessous de 767 ( max-width) ; il y a dans le css une utilisation du sélecteur ( class) .table-responsive qui ne se trouve pas dans le code HTML !!!!
En diminuant le width du navigateur , le layout passe a différent layout ayant des gutters width de même valeur mais des valeur de span width de plus en plus petit !!! En gros une succession de layout basé sur des layout grid fixed !!! Est ce exacte ?
Y a t il un moyen de formater le code css provenant d' un serveur externe internet pour que l inspecteur css ( firebug / chrome debugger) nous montre le numéro de la ligne du CSS property/value et non pas le même numéro de ligne pour tous les CSS property/value. En gros pas minification , pas de suppressions des espaces , pas de suppression des retours à la ligne. Une sorte de pré-processeur pour min.css en temps réel sans sourcemap !!
Zen garden motnre le talent ( mathématique, custom grid ) des "designers" sous la contrainte ( un seul code html ,des sélecteurs prédéfinis ) mais l'ajout du texte dans le code HTML casse parfois le layout ainsi que le format TV HD, des images remplace le texte ( illusion ), les grilles sont en grande partie fixed. Existe t il un site web plus pragmatique responsive ( fluid + @media) .
cordialement
Modifié par 75lionel (07 Oct 2014 - 01:17)
j'etudie le site http://tinyurl.com/oubp4dd
pour comprendre bootstrap et comment fonctionne le div avec le sélecteur col-lg-4 col-sm-6 lorsque l on diminue le width du navigateur . Le sélecteur col-lg-4 (33%) s applique seul 1 @media puis c'est au tour du sélecteur col-sm-6 pour 2 @media (50%) . Après aucun des 2 sélecteurs n'est utilisé. On doit arrivé donc à la définition du layout par défaut mais il me semble qu il y a une cassure dans ce layout et que ce layout n'applique plus de grid "fixed" . Quelqu un peut il me dire les éléments ( sélecteur et css properties / value ) qui expliquent cette cassure ? sommes nous dans une grid fluid ? Est ce que ce layout s applique encore sur un grid a 12 column ? quel élément définit le width du layout ? En dessous de 767 ( max-width) ; il y a dans le css une utilisation du sélecteur ( class) .table-responsive qui ne se trouve pas dans le code HTML !!!!
En diminuant le width du navigateur , le layout passe a différent layout ayant des gutters width de même valeur mais des valeur de span width de plus en plus petit !!! En gros une succession de layout basé sur des layout grid fixed !!! Est ce exacte ?
Y a t il un moyen de formater le code css provenant d' un serveur externe internet pour que l inspecteur css ( firebug / chrome debugger) nous montre le numéro de la ligne du CSS property/value et non pas le même numéro de ligne pour tous les CSS property/value. En gros pas minification , pas de suppressions des espaces , pas de suppression des retours à la ligne. Une sorte de pré-processeur pour min.css en temps réel sans sourcemap !!
Zen garden motnre le talent ( mathématique, custom grid ) des "designers" sous la contrainte ( un seul code html ,des sélecteurs prédéfinis ) mais l'ajout du texte dans le code HTML casse parfois le layout ainsi que le format TV HD, des images remplace le texte ( illusion ), les grilles sont en grande partie fixed. Existe t il un site web plus pragmatique responsive ( fluid + @media) .
cordialement
Modifié par 75lionel (07 Oct 2014 - 01:17)