Changement de Zurb Foundation de colonnes de la grille remplir est d'un seul côté
Personne ne sait si il y a un paramètre à mettre la de la colonne de gouttière à un seul côté? Actuellement, il ajoute la moitié de chaque côté de la colonne, donc par exemple si vous vouliez un 14px colonne de gouttière, il serait ajouter 7px de chaque côté. Cela provoque la première colonne dans une ligne d'avoir un 7px indentation.
J'ai pu le pirater avec un supplément de CSS, mais je préfère le changer dans les paramètres par défaut, si je peux.
OriginalL'auteur Desmond | 2013-09-16
Vous devez vous connecter pour publier un commentaire.
Il n'est pas possible pour autant que je sais que sans la création de votre propre mixin ou de la modification de la grille-colonne mixin, et ce n'est pas quelque chose que vous aimeriez faire pour un cas simple comme ça.
Je vous suggère plutôt de créer votre propre classe, par exemple:
SASS
Et puis il suffit d'ajouter la classe de votre ligne parent, presque comme vous voulez le faire avec une fermeture de classe pour la suppression de toutes les largeurs de gouttière - de sorte que vous r'ligne ressemblerait alors à ceci:
Si vous r'n'utilisant pas de SASS puis il suffit d'ajouter dans votre $colonne-gouttière taille (par défaut dans la v4: hauteur 1,875 em) dans le padding-right dans votre fichier CSS.
+1 pour le sass et il suffit de faire sens.
OriginalL'auteur am_
J'ai remarqué sur la Fondation Docs 6 site, ils comprennent un
.row .row
classe. Cela ajoute des marges négatives pour le bloc de la grille exemple:Une solution serait de suivre le modèle établi dans le
.row row
sélecteur et ajouterOriginalL'auteur icicleking
Pour une gouttière sur chaque côté, vous pouvez coder en dur elle:
OriginalL'auteur dwenaus