It's the last day for these savings

Bootstrap Bootcamp (featuring Bootstrap 5)

Get a solid foothold of Bootstrap 5 by building a portfolio-based website in HTML/CSS

140 Students

2h10min

All Levels

4.5

thumbnail
  • Overview
  • Curriculum
  • Discussion
  • Review
  • Instructor

What you will learn

  • How to use Bootstrap 5

  • How to connect a form up to Netlify

  • How to send a form through Netlify

  • How to upload a website to Netlify

What are the requirements for taking your course

  • Nope. Start from complete scratch

Who is this course for

  • web developers

  • web designers

  • students

Description

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.

Introduction

Example images for project

Source Code for project

Bootstrap starter template

Adding a custom css file

The container

Setting up the Navigation

Adding the SVG logo

Setting up the hero graphic

Centering the hero text with Flex

X-axis and y-axis spacing

Text-center and lead

The footer and bootstrap icons

Setting up the about page

About page content with floats and overflow

The grid

Bootstrap 5 cards

Bootstrap buttons

Gutters

Setting up the contact page

img

No Discussion Found

4.5

40 Reviews

5
23
4
11
3
5
2
0
1
1
Haydn Adams, BFA

Instructor

$18.00

This Course Includes

27 Lessons
0 Quiz
0 Assignment
2 Downloadable Resources
English
Full Lifetime Access
Certificate of completion
Go To Class

Related Skills

More Courses From Jacob Collier

Udemy Udemy

Bootstrap Bootcamp (featuring Bootstrap 5)

140 students 2h10min