Schematische Darstellung der Modulpositionen

<body class="...">
  <header class="header container-header full-width">
    <div class="grid-child">
      <div class="navbar-brand">...</div>
      <div class="grid-child container-nav">...</div>
    </div>
  </header>
  <div class="site-grid">
    <div class="container-banner full-width">...</div>
    <div class="grid-child container-top-a">...</div>
    <div class="grid-child container-top-b">...</div>
    <div class="grid-child container-sidebar-left">...</div>
    <div class="grid-child container-component">...</div>
    <div class="grid-child container-sidebar-right">...</div>
    <div class="grid-child container-bottom-a">...</div>
    <div class="grid-child container-bottom-b">...</div>
  </div>
  <footer class="container-footer footer full-width">
    <div class="grid-child">...</div>
  </footer>
</body>