{"id":4191,"date":"2019-04-10T18:38:14","date_gmt":"2019-04-10T13:08:14","guid":{"rendered":"https:\/\/pheonixsolutions.com\/blog\/?p=4191"},"modified":"2019-04-11T09:24:58","modified_gmt":"2019-04-11T03:54:58","slug":"create-dynamic-bootstrap-rows-columns-in-php-based-on-arrays","status":"publish","type":"post","link":"https:\/\/pheonixsolutions.com\/blog\/create-dynamic-bootstrap-rows-columns-in-php-based-on-arrays\/","title":{"rendered":"Create Dynamic Bootstrap Rows & Columns in PHP based on arrays"},"content":{"rendered":"\n

Create Dynamic Bootstrap Rows & Columns in PHP based on arrays <\/h4>\n\n\n\n

DATE POSTED: 10\/04\/2019<\/h4>\n\n\n\n

In this post we will explain how to create dynamic bootstrap rows and columns in PHP based on arrays.<\/p>\n\n\n\n

Please use the following steps and create the dynamic bootstrap rows and columns.<\/p>\n\n\n\n

STEPS<\/h2>\n\n\n\n
  1. In this post we have created the static array values. If you required dynamic you can create it.<\/li><\/ol>\n\n\n\n
    array (\n    0 => \n        array (\n            \n            'profile_name' => 'User',\n            'profile_job' => 'Executive Director',\n            'profile_email' => 'user@email.com',\n        ),\n    1 => \n        array (\n            \n            'profile_name' => 'User',\n            'profile_job' => 'Family Engagement Coordinator',\n            'profile_email' => 'user@email.com',\n        ),\n    2 => \n        array (\n            \n            'profile_name' => 'User',\n            'profile_job' => 'Operations Manager',\n            'profile_email' => 'user@email.com',\n        ),\n    3 => \n        array (\n            \n            'profile_name' => 'User',\n            'profile_job' => 'Policy Director',\n            'profile_email' => 'user@email.com',\n        ),\n    4 => \n        array (\n            \n            'profile_name' => 'User',\n            'profile_job' => 'Communications Director',\n            'profile_email' => 'user@email.com',\n        ),\n)<\/pre>\n\n\n\n
    2.  You can use the following code and you will get proper row, column div tag closed<\/p>\n\n\n\n
    <?php\n$x = 1;\n$z = 1;\n\/\/ Total items in the repeater field\n$total_items = count($repeater);\n?>\n<?php\nforeach($repeater as $item):\n    \/\/ Check if $x is bigger than 3 then we set it back to 1\n    $x = ($x > 3) ? 1 : $x;\n    \/\/ if $x = 1 then we start a new row\n    echo ($x == 1) ? '
    ' : '';\n        ?>\n        
    \n           \n            
    <\/h4>\n            
    <\/p>\n            \"><\/a>\n        <\/div>\n    <?php\n    \/\/ Check if $x is equal to 3 or if $z equal to the total of the items in the repeater\n    \/\/ then its true we close the row\n    echo ($x == 3) || ($z == $total_items) ? '<\/div>' : '';\n    $x++;\n    $z++;\nendforeach;\n?><\/pre>\n\n\n\n
    Thanks for using pheonix solutions.<\/p>\n\n\n\n
    You find this tutorial helpful? Share with your friends to keep it alive.<\/p>\n","protected":false},"excerpt":{"rendered":"
    Create Dynamic Bootstrap Rows & Columns in PHP based on arrays DATE POSTED: 10\/04\/2019 In this post we will explain […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[1022],"tags":[613,615,614],"class_list":["post-4191","post","type-post","status-publish","format-standard","hentry","category-web-architecture","tag-dynamic-bootsrap","tag-dynamic-columns","tag-dynamic-rows","psol-cat-web-architecture"],"jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/phn2x7-15B","jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/4191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=4191"}],"version-history":[{"count":0,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/4191\/revisions"}],"wp:attachment":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=4191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=4191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=4191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}