Question

Photo of Dillan Cagnetta

0

Create Nested Column Bootrap Layout

2

Hi All

I want to create a custom page layout that is more mobile friendly with the block positioning

I need to create a zone with nested zones

I changed the rightsidebar layout of the MAIN zone to add the nest

 <div class="row">
            <div class="col-sm-9">
                <Rock:Zone Name="Main" runat="server" />
                <div class="row">
                    <div class="col-sm-4">
                        <Rock:Zone Name="Section Main A" runat="server" />
                    </div>
                    <div class="col-sm-4">
                        <Rock:Zone Name="Section Main C" runat="server" />
                    </div>
                    <div class="col-sm-4">
                        <Rock:Zone Name="Section Main D" runat="server" />
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <Rock:Zone Name="Sidebar 1" runat="server" />
            </div>
        </div>

when i load the page everything works except my page has not header or footer anymore??

  • Dillan Cagnetta

    Dillan Cagnetta

    Please could someone else test this. I create an exact copy of an existing layout. Apply it to a page and bam... header and footer .... GONE!

    • Photo of Dillan Cagnetta

      0

      the problem is that you have to edit an exiting layout. I created a new layout and Rock didnt like that very much. Once i edited an exiting layout it worked perfectly

    • Photo of Jay Greentree

      0

      As the documentation suggests you should copy a pre-built rock theme into a new theme folder.