html - Simple example of Zurb Foundation source ordering classes (w/fiddle) -
After
I'm missing something about the use of source order sections in Foundation 5 ( The case is very simple: I have a row with two columns on a large viewport, I want them in width to every 6 columns. At the small viewport, I want them to be stacked, in every 12 column width, with the second column already before it. What do I get Here the code is again I looked but I do not think this is my answer. First of all, I'm not using Push-12, so a class is defined second, whatever I'm doing, in my confusion, a lot like the previous example Try this .. * - push- * and
* - drag - * ) I have a JSfiddle as it describes my understanding and the gap between the world
[A] [B] --sresize -> [B] [A]
[A] [B] --resceaj -> ____ [A] [B] ____
& lt; Body & gt; & Lt; Div class = "row" & gt; & Lt; Div square = "big -6 small -12 small-push-6 column large reset-order" & gt; & Lt; P & gt; A: On the big screen, I should be the first element in the line, taking half the grid, i.e. 6 columns & lt; / P & gt; & Lt; P & gt; Again, on the small screen I should have another element. & Lt; / P & gt; & Lt; / Div & gt; & Lt; Div square = "large-6 small-12 small pull-6 columns large reset-order" & gt; & Lt; P & gt; B: On the big screen, I should be the second element in the line, such as 6 columns & lt; / P & gt; & Lt; P & gt; Of course, on the small screen, I should show first! & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt;
& lt; Body & gt; & Lt; Div class = "row" & gt; & Lt; Div square = "large-6 small-12 large-push-6 columns" & gt; & Lt; P & gt; A: On the big screen, I should be the first element in the line, taking half the grid, i.e. 6 columns & lt; / P & gt; & Lt; P & gt; Again, on the small screen I should have another element. & Lt; / P & gt; & Lt; / Div & gt; & Lt; Div square = "large-6 small-12 large pull-6 columns" & gt; & Lt; P & gt; B: On the big screen, I should be the second element in the line, such as 6 columns & lt; / P & gt; & Lt; P & gt; Of course, on the small screen, I should show first! & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt;
Big Bridge and
should be big push .
Comments
Post a Comment