- Overview
- Curriculum
- Discussion
- Review
- Instructor
-
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
-
Nope. Start from complete scratch
-
web developers
-
web designers
-
students
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.
Example images for project
Example images for project
Source Code for project
Source Code for project
Bootstrap starter template
Bootstrap starter template
Adding a custom css file
Adding a custom css file
The container
The container
Setting up the Navigation
Setting up the Navigation
Adding the SVG logo
Adding the SVG logo
Setting up the hero graphic
Setting up the hero graphic
Centering the hero text with Flex
Centering the hero text with Flex
X-axis and y-axis spacing
X-axis and y-axis spacing
Text-center and lead
Text-center and lead
The footer and bootstrap icons
The footer and bootstrap icons
Setting up the about page
Setting up the about page
About page content with floats and overflow
About page content with floats and overflow
The grid
The grid
Bootstrap 5 cards
Bootstrap 5 cards
Bootstrap buttons
Bootstrap buttons
Gutters
Gutters
Setting up the contact page
Setting up the contact page
No Discussion Found
4.5
40 Reviews
Haydn Adams, BFA
Instructor
This Course Includes