Build Amazing Layouts with HTML5, CSS3, and Bootstrap 4/

...

/

Building a Layout with Bootstrap 4

Building a Layout with Bootstrap 4

Learn to create layouts with Bootstrap4.

We'll cover the following...

In this lesson, we’ll try to build this simple CSS layout by using the Bootstrap framework.

Adding the HTML structure

We’ll begin with the HTML structure:

Press + to interact
<div>
  <header>This is the header.</header> 
  <div>
    <aside>This is the sidebar.</aside>
    <main>This is the main content area.</main> 
  </div>
  <footer>This is the footer.</footer> 
</div>

Adding the Bootstrap 4.3.1 styles

Here’s our updated HTML code:

Here, we added ...