Bootstrap Bootcamp (for Bootstrap 5)

Design. Build. Deploy. Quickly.

In the Bootstrap Bootcamp course, you'll build you're own portfolio, utilizing the tools provided in Bootstrap. We'll leverage the responsive power of bootstrap to make your website look perfect on any device—from the biggest desktop to an old iPhone 6.

We'll design a portfolio that not only functions, but looks gorgeous. Display your artwork, hobbies or other crafts in this visual portfolio. We'll build from the ground up, step by step.

Websites shouldn't just live on your computer. They should be seen by the entire world. That's why I make sure to show you how to upload / deploy your work out there for everyone to see. And connect a domain name to it as well.

We will cover how to use the following in this course:

• Responsive Web Design
• Grid / Container
• Nav / Navbar
• SVG logo integration
• Flex / Flexbox
• Heading / Paragraph styling
• Form Design
• Cards
• Deploying your website
• …and more!

** BONUS **

I'll also walk you through how to setup a working form through Netlify. You'll learn how to create a success page as well, so your entries will pass through properly. We will setup the form using Bootstrap 5's form design.

I wanted this course to be concise, so you can quickly grasp the power of Bootstrap 5 and be on your way. I'm so excited to showcase the awesome power of Bootstrap 5.

What people are saying about the course:

Course Outline:

01 - bootstrap starter template

02 - adding a custom css file

03 - the container

04 - setting up the Navigation

05 - adding the SVG logo

06 - setting up the hero graphic

07 - centering the hero text with Flex

08 - x-axis and y-axis spacing

09 - text-center and lead

10 - the footer and bootstrap icons

11 - setting up the about page

12 - about page content with floats and overflow

13 - the grid

14 - bootstrap 5 cards

15 - bootstrap buttons

16 - gutters

17 - setting up the contact page

18 - adding contact details

19 - setting up the form

20 - Netlify and the drag and drop method

21 - netlify forms

22 - adding the honeypot to the form

23 - a little additional cleanup

24 - A sticky footer

25 - in conclusion