Fond de teint Fondation, 100% large - zurb-foundation

C'est probablement ridiculement simple mais je ne peux pas comprendre comment créer un pied de page 100% large dans Foundation 5. J'ai essayé avec les éléments suivants:

.footer {
width: 100% !important;
background: #cccccc;
}

et dans le gabarit

<div class="row footer">
This is the footer
</div>

mais le pied de page reste centré et avec une largeur différente de 100% de la page. Y a-t-il un moyen intégré de le faire que je ne connais pas?

Merci!

Réponses:

1 pour la réponse № 1

Foundation-5 css a une propriété max-width définie sur row classe et largeur de 100%

.row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 62.5rem;
}

Vous n'avez pas besoin de remplacer .footer classe width avec 100% comme cela prend quand même de la rangée.

Remplacez la propriété max-width.

.footer{
max-width:none;
}

P.S !important declarations should not be used unless they are absolutely necessary


Le plus populaire