Multiple columns not displaying correctly on a Pagebuilder page

  • Updated

Using Pagebuilder with multiple columns (but NOT using Bootstrap), the page does not display the columns correctly next to each other but instead displays them underneath one another.

 

If you choose to not use Bootstrap, (to avoid the buffer between columns), use pixels or percentage values. You also need to add the following (style tag below) to your wireframe template:

<div>  
<ucPageBuilder:PageHost ID="ucCms400Developer" FolderID="365" runat="server" /> 
<ucPageBuilder:DropZone ID="Top" AllowAddColumn="true" AllowColumnResize="true" runat="server" /> 
<style type="text/css">[data-ux-pagebuilder="Column"] {float:left;} </style> *** add this line as indicated ***  
</div>