/ / Wie setze ich einen "Breakpoint", um eine Reihe mit Hilfe von Zurb Foundation Grid zu stapeln - responsive-design, zurb-foundation

wie man einen "breakpoint" setzt, um eine Reihe mit Hilfe von zurb foundation grid zu stapeln - responsive-design, zub-foundation

Sagen wir, ich habe eine Zeile mit zwei Elementen im 12-Spalten-Raster:

<div class="row">
<div class="three columns">part 1</div>
<div class="nine columns">part 2</div>
</div>

Normalerweise werden sie nebeneinander angezeigt. mögen:

part1      part2

Aber wenn der Bildschirm kleiner als XXX ist, würde es sein angezeigt, als ob es 2 Reihen gab ...

part1
part2

Kann zurb-Stiftung das tun? oder irgendein anderer Rahmen?

Bearbeiten: Ich möchte den Wert des Breakpoints (XXX) selbst angeben. Verlassen Sie sich nicht nur auf das Standardverhalten.

Antworten:

1 für die Antwort № 1

Wenn Sie den Haltepunkt ändern möchten, müssen Sie die hier aufgeführten Haltepunkte ändern: http://foundation.zurb.com/docs/media-queries.php

/* Medium screens */
@media only screen and (max-width: 1279px) and (min-width: 768px) { ... }

/* Small screens */
@media only screen and (max-width: 767px) { ... }