![\"Post](\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-ppb-horizontal-image.png\")
<\/p>\n<\/p>\n
The BoldGrid Post and Page builder<\/a> uses a system of Sections, Rows, and Columns known as Bootstrap to control your website layout. This article will discuss the controls specific to Rows<\/strong>. If you’re looking for a more general overview, you can read about how to use the Post and Page Builder<\/a>.<\/p>\n At the highest level, each one of your pages or posts is made up of sections<\/a>, or Blocks. A section can contain one or more rows. Each Row<\/strong> can have one or more columns, up to a maximum of 12 columns<\/a> per row. Example column combinations to make a complete row are shown here:<\/p>\n The Post and Page Builder makes it easy arrange content on your WordPress website<\/a> by adding extra controls that appear on hover, called Drag Handles<\/b> or Popovers<\/b>. These popovers will appear once you click into a row.<\/p>\n Rows are inside of sections.<\/p>\n The Directional Arrow <\/b>on the top allows you to drag and drop the row to a new location in the current section or into a different section.<\/p>\n The Hamburger Menu<\/b> icon on the bottom brings up options for that specific column, as discussed below.<\/p>\nHow to Use Rows in the Post and Page Builder<\/h2>\n
![\"Boostrap](\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2017\/10\/10467-01-gridsystem.png\")
<\/p>\nSections > Rows<\/strong> > Columns > Elements<\/h3>\n
![\"row](\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/ppb-edit-rowpng.png\")
<\/a>Each section on the page has one or more rows in it. To make changes to a row, click the Yellow <\/b><\/span> popover that appears at the top right of the row.<\/p>\n\n\n
\n Clone<\/th>\n Creates a duplicate of the existing row.<\/td>\n<\/tr>\n \n Delete<\/th>\n Removes the entire row and all its content.<\/td>\n<\/tr>\n \n Clear Contents<\/th>\n Removes all content but does not remove the row itself.<\/td>\n<\/tr>\n \n Insert Block<\/th>\n Opens the Add Block screen<\/td>\n<\/tr>\n \n Add Column<\/th>\n Adds an additional column inside the row. Be sure to adjust on all screen sizes.<\/td>\n<\/tr>\n \n Add Empty Row<\/th>\n Adds a new empty row above the current row, in the same section.<\/td>\n<\/tr>\n \n Change Background<\/th>\n Brings up the background panel to use a color, image, or pattern. This background will only be applied to this specific row.<\/td>\n<\/tr>\n \n Advanced Control<\/th>\n Adjust padding, margin, border, animation, and more.<\/td>\n<\/tr>\n \n Drag as Content<\/th>\n Drag and drop the row inside a column, making what’s called a Nested Row<\/a>.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n