{"id":50,"date":"2016-02-15T20:46:37","date_gmt":"2016-02-15T20:46:37","guid":{"rendered":"http:\/\/flatsome.dev\/?page_id=3981"},"modified":"2024-05-09T12:47:30","modified_gmt":"2024-05-09T04:47:30","slug":"rows-columns","status":"publish","type":"page","link":"https:\/\/www.silverfoxtw.com\/index.php\/elements\/rows-columns\/","title":{"rendered":"Rows \/ Columns"},"content":{"rendered":"

[ux_banner height=”446px” bg=”9″ bg_overlay=”rgba(0, 0, 0, 0.61)” bg_pos=”58% 26%”]<\/p>\n

[text_box width=”100″ width__sm=”75″ parallax=”-1″]<\/p>\n

Flatsome Grid System<\/h6>\n

Responsive Rows and Columns<\/h1>\n

Create Amazing layouts by using Flatsome\u00a0Row and Column System powered by Flexbox<\/strong><\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]
\n[title style=”center” text=”Simple 4-column row”]<\/p>\n

[row padding=”30px”]<\/p>\n

[col span=”3″ span__sm=”6″ bg_color=”rgba(255, 0, 211, 0.96)” color=”light” depth_hover=”5″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n

[\/col]
\n[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[title style=”center” text=”Vertical Centered Row”]<\/p>\n

[row v_align=”middle” padding=”30px”]<\/p>\n

[col span=”6″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n

[\/col]
\n[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[title style=”center” text=”Bottom Align Row”]<\/p>\n

[row v_align=”bottom” padding=”30px”]<\/p>\n

[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n

[\/col]
\n[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[title style=”center” text=”Equal aligned row”]<\/p>\n

[row v_align=”equal” padding=”30px”]<\/p>\n

[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n

[\/col]
\n[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[title style=”center” text=”Rows With Drop shadow”]<\/p>\n

[row padding=”30px” depth=”2″ depth_hover=”3″]<\/p>\n

[col span=”4″ span__sm=”12″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

You can set Column Depth for All columns or per column.<\/strong><\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[title style=”center” text=”Divided row”]<\/p>\n

[row style=”large” col_style=”divided”]<\/p>\n

[col span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[title style=”center” text=”Dashed Lined Row” margin_top=”23px” size=”undefined”]<\/p>\n

[row col_style=”dashed” padding=”30px”]<\/p>\n

[col span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[title style=”center” text=”Solid Lined Row” margin_top=”25px” size=”undefined”]<\/p>\n

[row col_style=”solid” padding=”30px”]<\/p>\n

[col span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[title style=”center” text=”Custom Background on a Column” margin_top=”28px” size=”undefined”]<\/p>\n

[row padding=”30px”]<\/p>\n

[col span=”5″ span__sm=”6″ padding=”30px 30px 30px 30px” bg_color=”rgb(38, 65, 116)” color=”light” depth=”2″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”3″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”3″ span__sm=”12″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[title style=”center” text=”Full Width Row with Backgrounds”]<\/p>\n

[row style=”collapse” width=”full-width” v_align=”equal” padding=”30px”]<\/p>\n

[col span=”4″ span__sm=”12″ bg_color=”rgb(0, 0, 0)” color=”light”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″ bg_color=”rgb(153, 120, 222)” color=”light”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″ bg_color=”rgb(120, 154, 222)” color=”light”]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[title style=”center” text=”Nested Rows”]<\/p>\n

[row]<\/p>\n

[col span=”4″ span__sm=”12″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”8″ span__sm=”12″]<\/p>\n

[row_inner]<\/p>\n

[col_inner span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col_inner]
\n[col_inner span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col_inner]
\n[col_inner span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col_inner]
\n[col_inner span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col_inner]
\n[col_inner span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col_inner]
\n[col_inner span=”4″ span__sm=”6″]<\/p>\n

Lorem ipsum dolor sit amet<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col_inner]<\/p>\n

[\/row_inner]<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[section bg_color=”rgb(231, 231, 231)”]<\/p>\n

[row v_align=”middle”]<\/p>\n

[col span=”4″ span__sm=”6″]<\/p>\n

Column with a drop shadow and white background<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”6″]<\/p>\n

Column with a drop shadow and white background<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″ padding=”30px 30px 30px 30px” bg_color=”rgb(255, 255, 255)” depth=”3″ depth_hover=”5″]<\/p>\n

Column with a drop shadow and white background<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]<\/p>\n

[\/row]<\/p>\n

[\/section]
\n[section bg_color=”rgb(0, 0, 0)”]<\/p>\n

[row style=”small” v_align=”middle”]<\/p>\n

[col span=”4″ span__sm=”12″ padding=”20px” bg_color=”rgb(255, 255, 255)”]<\/p>\n

Column with a drop shadow and white background<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″ color=”light”]<\/p>\n

Column with a drop shadow and white background<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″ color=”light”]<\/p>\n

Column with a drop shadow and white background<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]<\/p>\n

[\/row]<\/p>\n

[\/section]
\n[section bg_color=”rgb(231, 231, 231)”]<\/p>\n

[row col_style=”solid”]<\/p>\n

[col span=”4″ span__sm=”6″ parallax=”1″]<\/p>\n

Parallax Column<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”6″ parallax=”2″]<\/p>\n

Parallax Column<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/span><\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″ parallax=”3″]<\/p>\n

Parallax Column<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/span><\/p>\n

[\/col]<\/p>\n

[\/row]<\/p>\n

[\/section]
\n[row h_align=”center”]<\/p>\n

[col span=”7″ span__sm=”10″ align=”center”]<\/p>\n

A Centered Columns Row<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[title style=”center” text=”Animated Columns”]<\/p>\n

[row]<\/p>\n

[col span=”4″ span__sm=”12″ animate=”fadeInUp”]<\/p>\n

Fade In Up<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″ animate=”fadeInDown”]<\/p>\n

Fade In\u00a0Down<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″ animate=”fadeInLeft”]<\/p>\n

Fade In Left<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″ animate=”fadeInRight”]<\/p>\n

Fade In Right<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″ animate=”bounceIn”]<\/p>\n

Bounce In<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″ animate=”bounceInUp”]<\/p>\n

Bounce In Up<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″ animate=”bounceInDown”]<\/p>\n

Bounce In\u00a0Down<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″ animate=”bounceInLeft”]<\/p>\n

Bounce In Left<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”4″ span__sm=”12″ animate=”bounceInRight”]<\/p>\n

Bounce In\u00a0Right<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[row]<\/p>\n

[col span=”6″ span__sm=”12″ animate=”flipInY”]<\/p>\n

Flip In Y<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”6″ span__sm=”12″ animate=”flipInX”]<\/p>\n

Flip In X<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]
\n[col span=”6″ span__sm=”12″ animate=”blurIn”]<\/p>\n

Blur In<\/h3>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….<\/p>\n

[\/col]<\/p>\n

[\/row]<\/p>\n","protected":false},"excerpt":{"rendered":"

[ux_banner height=”446px” bg=”9&#8243 […]<\/p>\n","protected":false},"author":1,"featured_media":8,"parent":93,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\nRows \/ Columns - \u9280\u72d0\u8cb4\u91d1\u5c6c<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silverfoxtw.com\/index.php\/elements\/rows-columns\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rows \/ Columns - \u9280\u72d0\u8cb4\u91d1\u5c6c\" \/>\n<meta property=\"og:description\" content=\"[ux_banner height=”446px” bg=”9&#8243 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silverfoxtw.com\/index.php\/elements\/rows-columns\/\" \/>\n<meta property=\"og:site_name\" content=\"\u9280\u72d0\u8cb4\u91d1\u5c6c\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-09T04:47:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.silverfoxtw.com\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.silverfoxtw.com\\\/index.php\\\/elements\\\/rows-columns\\\/\",\"url\":\"https:\\\/\\\/www.silverfoxtw.com\\\/index.php\\\/elements\\\/rows-columns\\\/\",\"name\":\"Rows \\\/ Columns - \u9280\u72d0\u8cb4\u91d1\u5c6c\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.silverfoxtw.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.silverfoxtw.com\\\/index.php\\\/elements\\\/rows-columns\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.silverfoxtw.com\\\/index.php\\\/elements\\\/rows-columns\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.silverfoxtw.com\\\/wp-content\\\/uploads\\\/2016\\\/08\\\/dummy-1.jpg\",\"datePublished\":\"2016-02-15T20:46:37+00:00\",\"dateModified\":\"2024-05-09T04:47:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.silverfoxtw.com\\\/index.php\\\/elements\\\/rows-columns\\\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.silverfoxtw.com\\\/index.php\\\/elements\\\/rows-columns\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\\\/\\\/www.silverfoxtw.com\\\/index.php\\\/elements\\\/rows-columns\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.silverfoxtw.com\\\/wp-content\\\/uploads\\\/2016\\\/08\\\/dummy-1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.silverfoxtw.com\\\/wp-content\\\/uploads\\\/2016\\\/08\\\/dummy-1.jpg\",\"width\":400,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.silverfoxtw.com\\\/index.php\\\/elements\\\/rows-columns\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9801\",\"item\":\"https:\\\/\\\/www.silverfoxtw.com\\\/index.php\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elements\",\"item\":\"https:\\\/\\\/www.silverfoxtw.com\\\/index.php\\\/elements\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Rows \\\/ Columns\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.silverfoxtw.com\\\/#website\",\"url\":\"https:\\\/\\\/www.silverfoxtw.com\\\/\",\"name\":\"\u9280\u72d0\u8cb4\u91d1\u5c6c\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.silverfoxtw.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.silverfoxtw.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.silverfoxtw.com\\\/#organization\",\"name\":\"\u9280\u72d0\u8cb4\u91d1\u5c6c\",\"url\":\"https:\\\/\\\/www.silverfoxtw.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\\\/\\\/www.silverfoxtw.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"http:\\\/\\\/172.234.80.137\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/logo_silverfox.png\",\"contentUrl\":\"http:\\\/\\\/172.234.80.137\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/logo_silverfox.png\",\"width\":533,\"height\":148,\"caption\":\"\u9280\u72d0\u8cb4\u91d1\u5c6c\"},\"image\":{\"@id\":\"https:\\\/\\\/www.silverfoxtw.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Rows \/ Columns - \u9280\u72d0\u8cb4\u91d1\u5c6c","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silverfoxtw.com\/index.php\/elements\/rows-columns\/","og_locale":"zh_TW","og_type":"article","og_title":"Rows \/ Columns - \u9280\u72d0\u8cb4\u91d1\u5c6c","og_description":"[ux_banner height=”446px” bg=”9″ […]","og_url":"https:\/\/www.silverfoxtw.com\/index.php\/elements\/rows-columns\/","og_site_name":"\u9280\u72d0\u8cb4\u91d1\u5c6c","article_modified_time":"2024-05-09T04:47:30+00:00","og_image":[{"width":400,"height":260,"url":"https:\/\/www.silverfoxtw.com\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"12 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.silverfoxtw.com\/index.php\/elements\/rows-columns\/","url":"https:\/\/www.silverfoxtw.com\/index.php\/elements\/rows-columns\/","name":"Rows \/ Columns - \u9280\u72d0\u8cb4\u91d1\u5c6c","isPartOf":{"@id":"https:\/\/www.silverfoxtw.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.silverfoxtw.com\/index.php\/elements\/rows-columns\/#primaryimage"},"image":{"@id":"https:\/\/www.silverfoxtw.com\/index.php\/elements\/rows-columns\/#primaryimage"},"thumbnailUrl":"https:\/\/www.silverfoxtw.com\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","datePublished":"2016-02-15T20:46:37+00:00","dateModified":"2024-05-09T04:47:30+00:00","breadcrumb":{"@id":"https:\/\/www.silverfoxtw.com\/index.php\/elements\/rows-columns\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silverfoxtw.com\/index.php\/elements\/rows-columns\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/www.silverfoxtw.com\/index.php\/elements\/rows-columns\/#primaryimage","url":"https:\/\/www.silverfoxtw.com\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","contentUrl":"https:\/\/www.silverfoxtw.com\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","width":400,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/www.silverfoxtw.com\/index.php\/elements\/rows-columns\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9801","item":"https:\/\/www.silverfoxtw.com\/index.php\/home\/"},{"@type":"ListItem","position":2,"name":"Elements","item":"https:\/\/www.silverfoxtw.com\/index.php\/elements\/"},{"@type":"ListItem","position":3,"name":"Rows \/ Columns"}]},{"@type":"WebSite","@id":"https:\/\/www.silverfoxtw.com\/#website","url":"https:\/\/www.silverfoxtw.com\/","name":"\u9280\u72d0\u8cb4\u91d1\u5c6c","description":"","publisher":{"@id":"https:\/\/www.silverfoxtw.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.silverfoxtw.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"},{"@type":"Organization","@id":"https:\/\/www.silverfoxtw.com\/#organization","name":"\u9280\u72d0\u8cb4\u91d1\u5c6c","url":"https:\/\/www.silverfoxtw.com\/","logo":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/www.silverfoxtw.com\/#\/schema\/logo\/image\/","url":"http:\/\/172.234.80.137\/wp-content\/uploads\/2024\/03\/logo_silverfox.png","contentUrl":"http:\/\/172.234.80.137\/wp-content\/uploads\/2024\/03\/logo_silverfox.png","width":533,"height":148,"caption":"\u9280\u72d0\u8cb4\u91d1\u5c6c"},"image":{"@id":"https:\/\/www.silverfoxtw.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.silverfoxtw.com\/index.php\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silverfoxtw.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.silverfoxtw.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.silverfoxtw.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silverfoxtw.com\/index.php\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":1,"href":"https:\/\/www.silverfoxtw.com\/index.php\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":125,"href":"https:\/\/www.silverfoxtw.com\/index.php\/wp-json\/wp\/v2\/pages\/50\/revisions\/125"}],"up":[{"embeddable":true,"href":"https:\/\/www.silverfoxtw.com\/index.php\/wp-json\/wp\/v2\/pages\/93"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.silverfoxtw.com\/index.php\/wp-json\/wp\/v2\/media\/8"}],"wp:attachment":[{"href":"https:\/\/www.silverfoxtw.com\/index.php\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}