{"id":24527,"date":"2025-06-30T10:11:13","date_gmt":"2025-06-30T17:11:13","guid":{"rendered":"https:\/\/wou.edu\/marcom\/?page_id=24527"},"modified":"2025-08-18T13:41:22","modified_gmt":"2025-08-18T20:41:22","slug":"add-columns","status":"publish","type":"page","link":"https:\/\/wou.edu\/marcom\/wordpress-support\/add-columns\/","title":{"rendered":"Add columns to bootstrap code"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.17.6″ _module_preset=”default” use_background_color_gradient=”on” background_color_gradient_stops=”#db0a29 0%|#a3080f 100%” background_enable_pattern_style=”on” background_pattern_style=”diagonal-stripes” background_pattern_size=”custom” background_pattern_width=”2000px” background_pattern_height=”1000px” background_pattern_horizontal_offset=”0%” background_pattern_vertical_offset=”0%” custom_padding=”25px||25px||true|” locked=”off” global_colors_info=”{}”][et_pb_row _builder_version=”4.17.6″ _module_preset=”default” custom_margin=”|auto|-12px|auto||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.17.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.2″ _module_preset=”default” header_font=”Montserrat|700|||||||” background_layout=”dark” global_colors_info=”{}”]<\/p>\n

Add Columns to Bootstrap code<\/h1>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”4.16″ locked=”off” global_colors_info=”{}”][et_pb_row admin_label=”row” _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text admin_label=”Text” _builder_version=”4.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n

Copy the code below\u00a0for the columns that you would like to display and paste it into the Text portion.<\/p>\n

\"columns03\"<\/p>\n

<\/h2>\n

\"columns01\"<\/h2>\n
<div class=\"row\">\n  <div class=\"col-xs-12 col-sm-6 col-md-8\">Content for 2\/3 area goes here...<\/div>\n  <div class=\"col-xs-6 col-md-4\">Content for 1\/3 area goes here...<\/div> \n<\/div><\/pre>\n
 <\/p>\n
\"columns02\"<\/p>\n
<div class=\"row\">\n <div class=\"col-xs-6 col-sm-4\">Content for 1\/3 area goes here...<\/div>\n <div class=\"col-xs-6 col-sm-4\">Content for 1\/3 area goes here...<\/div>\n <!-- Optional: clear the XS cols if their content doesn't match in height -->\n <div class=\"clearfix visible-xs-block\"><\/div> \n <div class=\"col-xs-6 col-sm-4\">Content for 1\/3 area goes here...<\/div> \n<\/div><\/pre>\n
 <\/p>\n
\"columns04\"<\/p>\n
<div class=\"row\">\n <div class=\"col-xs-6\">Content for 1\/2 area goes here...<\/div>\n <div class=\"col-xs-6\">Content for 1\/2 area goes here...<\/div>\n<\/div><\/pre>\n
Then go back to Visual mode and edit the content from there.<\/p>\n
\n
<\/div>\n
\"columns05\"<\/p>\n<\/div>\n
[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"
Add Columns to Bootstrap code Copy the code below\u00a0for…<\/p>\n","protected":false},"author":1591,"featured_media":0,"parent":23847,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"splash-page.php","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Add columns to Bootstrap code - WordPress Support","_seopress_titles_desc":"Add responsive Bootstrap columns to your WordPress theme or widget area. Improve layout with easy HTML + CSS examples.","_seopress_robots_index":"","_lmt_disableupdate":"","_lmt_disable":"","_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-24527","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/24527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/users\/1591"}],"replies":[{"embeddable":true,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/comments?post=24527"}],"version-history":[{"count":7,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/24527\/revisions"}],"predecessor-version":[{"id":25117,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/24527\/revisions\/25117"}],"up":[{"embeddable":true,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/23847"}],"wp:attachment":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/media?parent=24527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}