Layout | Code structure *

Its very important to follow the code structure provided below.

layout without sidebar 
<body>
    <!-- Top Navbar -->
    <nav class="ms-nav navbar">
        . . .
    </nav>

    <section class="ms-root">
        <!-- Container -->
        <div class="ms-container">
            . . .
        </div>
    </section>

    <!-- Footer -->
    <footer>
        . . .
    </footer>
</body>
layout with sidebar 
<body>
    <!-- Top Navbar -->
    <nav class="ms-nav navbar">
        . . .
    </nav>

    <section class="ms-root">
        <!-- Sidebar -->
        <aside class="ms-sidebar">
            . . .
        </aside>

        <!-- Container -->
        <div class="ms-container">
            . . .
        </div>
    </section>

    <!-- Footer -->
    <footer>
        . . .
    </footer>
</body>

On this page