y6?axƻ]$Y6gO䮠'>;YPMJ8I0T~..:8Ҙ z,XJ7R l^T?D=gdxWlWcgfmQO7\c"i(eLO^<^3) 7=`&WcgfmQO7YA=FӿrKBp (7Bp}&\bEH$$lc&|d1LIE~o ǰM'3a5"0$W7ҠpA-icp.e*K V RJ0: $[aX!tR[#x74\ϳ!K-R2d5I㩅ǘ`-FZŶn ;y#R^ QT@ KSw?솵.Q ;i6ƀSF3rZkv*ӊއ553W9E™V RF\PQM:7 < AF>NXdCV}:}JEOT^Q=v:(#i*ˋ6Rϫk|:܏[q0ǺUPcǚ=ϫ{\; +_0Ta ʷ=ۨ81BQM(>0[FtX܏CM$}]&K.cjь8+nI~I@} $waYv$q(W tpȚ3FQ#|HS{ _`oE}DPRxՈd͆TP7l\|/ |IeqΑ!,HuhJnpYTj{R(3X}J(I ~z( 5\([;-Sel>ed8hkuXoW,UsZF ZUR5Yx]&;y1uwZC'Q\L+}%Ҷqcupӂ~\I=4Ya7nv6xa=dctbҰ@`O>!Y|L]̾ƭ.N>v2wm"E[)ϣC|\Hgݻ-L!tR)Vl$0siC~m"-cFCĶ곪Z3Us@ M<" k)TSxOXQoB^Ufbe8fnW6=udD:^_SZqͦZ)c.y(`@Mޔ~@8s]\\bԖ0l%(.YynQ98nn&,`\fL64 #ԷX cs{}3/5Z{rߔV]hd,Ͼ2;bBYէ'vXoXчe5bHC@8s]\\bԖ0l%(.YynQ98nn&,`\f艺$R*Mr"őG cs{}3/5Z{rߔVrS6%+2u,Ͼ2;bBYէ'vXos#x:X.ƖV44bњSVK<Ik >bgWť724xZuG1Ch&i?ǻ3s=xϛ]_GA nͻa1_{Oz$^P=IaEqUPf(1Vv6O341F@JĄuz"-cFCĶ ~}I*A-lgL KO$SQ"Bv,ZFlN0Xc8nn&,`\fw9*uj qeϛ]_GA nͻҧziL7Em]z?.ŋM+3n~߫ =G#6#k68Xd8nn&,`\f]|38[oAĿ̦/3+Qǚح33;'Er0K8nn&,`\f$BE "-cFCĶH{.43~mcSD84P>A&lH8uk%V3ofsnp hH lFJl׍\z%f4%d%3-08nn&,`\f|mydaH%Kk޾KPM?))VFY6x8%{ťaXjQti8,]ؔf(1Vv6O341F@JĄuz"-cFCĶ ~}I*A-l r~d>LɆԆAgB5:' r?֘՛d+Q"-cFCĶuٞnrۡCGm*h8"wXjDS`i,8qቜP1L7췓 ~3duXϛ]_GA nͻGyZ\%d匬NI kN 1oBI3#ٹ8nn&,`\fT2w6HﭧlH8uk%V3ofsnp hH lFJl׍\z%f4%d%3-08nn&,`\f G-(N%;p(k޾KPM?))VFY6x8%{ťaXjQti8,]ؔf(1Vv6O341F@JĄuz"-cFCĶ ~}I*A-lf1΋  5O=LɆԆAgB5:' r?֘՛d+Q"-cFCĶuٞnrۡCGm*h8"wXjDS`i,8qቜP1L7D=龍^N:4H^4Ns,tn 1 YVkK:CH'Y;pJG݊GC.;̅FՈs$z1)WN/Ix!WDQP^NΆ* h4Q_ kC_ނq7EV;CCBbl4SƵ֘|RFg^ȸ*qnHA<""-cFCĶ\+PXa3eO} ("Q]!Hf H|/Q宅qu "oV\nO3_c`Ocp3pLJi9С##WU ]PGN6+D'ٞ *jE|X w}.o@麤.gvIq?h'X^oU}}^Rv@e^!(ޢHW{*]܄YPeH/E8nn&,`\fҔFjP _@R̔'oAu#oR+2h"~_zx^ breakPointPadding, width: 970 } ] }); response.responsive({ container: $("#row5"), deviceTypes: "Desktop, Tablet, Phone", margin: margin, padding: padding, colClass: "big", colWidths: [0.16666, 0.16666, 0.16666, 0.16666, 0.16666, 0.16666], breakpoints: [ { colClass: "medium", margin: breakPointMargin, padding: breakPointPadding, colWidths: [0.3333, 0.3333, 0.3333, 0.3333, 0.3333, 0.3333], width: 1170 }, { colClass: "small", margin: breakPointMargin, padding: breakPointPadding, colWidths: [0.5, 0.5, 0.5, 0.5, 0.5, 0.5], width: 970 }, { colClass: "x-small", margin: breakPointMargin, padding: breakPointPadding, colWidths: [1, 1, 1, 1, 1, 1], width: 750 } ] }); $("#currentWidth").html("Width: " + $(window).width() + "px"); $(window).resize(function () { $("#currentWidth").html("Width: " + $(window).width() + "px"); }); });
Width:
1 row, 6 columns 2 rows, 3 columns 3 rows, 2 columns 6 rows, 1 column
>=1170px >=970px >=750px >=0px
Cell 1
Cell 2
Cell 3
Cell 4
Cell 5
Cell 6
1 row, 3 columns 3 rows, 1 column
>=970px >=0px
Cell 1
Cell 2
Cell 3
1 row, 2 columns 2 rows, 1 column
>=750px >=0px
Cell 1
Cell 2
1 row, 3 columns, 2 columns with Offset 2 rows, 1 column
>=970px >=0px
Cell 1
Cell 2
Cell 3
1 row, 6 columns, ".big" CSS class applied to all columns. 2 rows, 3 columns, ".medium" CSS class applied to all columns. 3 rows, 2 columns, ".small" CSS class applied to all columns. 6 rows, 1 column, ".x-small" CSS class applied to all columns.
>=1170px >=970px >=750px >=0px
Cell 1
Cell 2
Cell 3
Cell 4
Cell 5
Cell 6