When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Development
SkillShare logo

Bootstrap Bootcamp (for Bootstrap 5)

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free
Bootstrap Bootcamp (for Bootstrap 5)

Related Courses

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon2 hours 12 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Bootstrap Bootcamp (for Bootstrap 5)

About The Course

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

Adding contact details

Setting up the form

Netlify and the drag and drop method

Netlify forms

Adding the honeypot to the form

A little additional cleanup

A sticky footer

In conclusion

What You Will Learn?

  • 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..