Foundation – zamjena redova na malim ekranima – push & pull

Problem: na velikom ekranu imamo dvije kolone, A i B, jednu pored druge. Na mali ekranima B mora biti u gornjem redu, a A u donjem. Push small-12 i pull-small-12 tu ne pomaže.

Rješenje:


class="large-7 large-push-5 medium-6 medium-push-6 small-12 columns"  - B
class="large-5 large-pull-7 medium-6 medium-pull-6 small-12 columns" - A

Na malim ekranima je B sa  12 kolona iznad A sa 12 kolona ali na medium i large kolonama A i B zamijenjena mjesta pa se A prikazuje prije B

Source: http://codepen.io/rafibomb/pen/xfJph


Comments are closed.