Wie mache ich Zeilen in Zurb Foundation 4/5 Vollbild?

Standardmäßig, werden die Zeilen in Zurb Foundation 4 und 5 ausgeführt, bei einer max Breite von 1000px, selbst auf sehr großen Monitoren, wodurch die Margen auf jeder Seite der Inhalt. Wie mache ich es laufen im Vollbild, ohne die Reaktionsfähigkeit des Designs?

InformationsquelleAutor der Frage Sinister Beard | 2013-07-09

  1. 20

    Fügen Sie den folgenden code in die CSS-Datei:

    .row {min-width:100% !important;}

    InformationsquelleAutor der Antwort Sinister Beard

  2. 9

    Ich denke, der beste Weg, dies zu tun ist, wie dieses.

    Fügen Sie diese in Ihrer css-oder eine benutzerdefinierte css-

    .row.full-width {
    width: 100%;
    max-width: 100%;
}

    Dann im html-

    <div class="row full-width"> </div>

    Wird diese ermöglichen es Ihnen, um das grid-system in Takt in der Veranstaltung, die Sie einsetzen möchten, auf dem ganzen Bildschirm für eine Kopf-oder Fußzeile.

    InformationsquelleAutor der Antwort Tom

  3. 5

    Wenn Sie mit Sass/Compass, die zurb-foundation Edelstein, oder eine benutzerdefinierte Foundation-distribution, können Sie die $row-width variable. Diese fließen überall sonst verwendet wird. Sie können auch einstellen, beispielsweise die Anzahl der Spalten, Steg Breite, und so weiter.

    Der Unterseite des Rasters Dokumentation erläutert mehr: http://foundation.zurb.com/docs/components/grid.html

    InformationsquelleAutor der Antwort botimer

  4. -5
    <div class="row">
    <div class="large-6 columns"></div>
    <div class="large-6 columns"></div>
</div>

    diese geben eine Breite von 1000px

    <div class="large-6 columns"></div>
<div class="large-6 columns"></div>

    aber wenn du mit der column-Klasse, ohne die Zeilen Klasse, die Sie erhalten fullscreen...

    InformationsquelleAutor der Antwort user3914633

Schreibe einen Kommentar