# Layout

<b-layout style="color: white; margin-bottom:50px;">
  <b-header style="height: 50px; background:lightskyblue;">header</b-header>
  <b-content style="height: 100px; background:deepskyblue;">content</b-content>
  <b-footer style="height: 50px; background:lightskyblue;">footer</b-footer>
</b-layout>

<b-layout style="color: white; overflow:hidden; margin-bottom:50px;">
  <b-header style="height: 50px; background:lightskyblue;">header</b-header>
  <b-layout>
    <b-aside style="height: 100px; background:#ddd; width:200px; color: black;">aside</b-aside>
    <b-content style="height: 100px; background:deepskyblue;">content</b-content>
  </b-layout>
  <b-footer style="height: 50px; background:lightskyblue;">footer</b-footer>
</b-layout>

<b-layout style="color: white; overflow:hidden; margin-bottom:50px;">
  <b-aside style=" background:#ddd; width:200px; color: black;">aside</b-aside>
  <b-layout>
    <b-header style="height: 50px; background:lightskyblue;">header</b-header>
    <b-content style="height: 100px; background:deepskyblue;">content</b-content>
    <b-footer style="height: 50px; background:lightskyblue;">footer</b-footer>
  </b-layout>
</b-layout>