Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Build Beautiful Websites Faster and Easier Using Bootstrap 4

via Skillshare

This course may be unavailable.

Overview

**Take this class for free with Skillshare's offer of 2 free months! https://skl.sh/2Gmm85A**

Building beautiful websites can be difficult because you always have to start from scratch. However, with a toolkit or framework like Bootstrap you don't have to start from scratch each time. You simply decide what you want to build, turn on some classes or options and you are ready to go. 

For this course I have built a custom site called the Bootstrap Playgrounds. Here you can quickly and easily learn how to use Bootstrap (version 4.0.0). After you learn Bootstrap you will build a restaurant themed website or a project of your choosing. Check out the project section for more details.

Syllabus

  • Course Trailer
  • Setup - VS Code/Text Editor
  • Setup - Course Files
  • Setup - Window Size Tool
  • Setup - File Comparisons
  • Intro to Bootstrap Playgrounds
  • Containers
  • Grid - Part 1
  • Grid - Part 2
  • Grid - Part 3
  • Grid Breakpoints - Part 1
  • Grid Breakpoints - Part 2
  • Grid Breakpoints - Part 3
  • Display - Part 1
  • Display - Part 2
  • Flex - Part 1
  • Flex - Part 2
  • Flex - Part 3
  • Flex - Part 4
  • Flex - Part 5
  • Flex - Part 6
  • Flex - Part 7
  • Flex - Part 8
  • Typography
  • Text Utilities
  • Code Styling
  • Colors
  • Spacing - Part 1
  • Spacing - Part 2
  • Spacing - Part 3
  • Sizing
  • Images
  • Figures
  • Borders
  • Tables
  • Vertical Align
  • Float
  • Clearfix
  • Screenreaders
  • Media Objects
  • Alerts
  • Badges
  • Breadcrumbs
  • Buttons - Part 1
  • Buttons - Part 2
  • Button Group
  • Dropdowns - Part 1
  • Dropdowns - Part 2
  • Dropdowns - Part 3
  • Cards - Part 1
  • Cards - Part 2
  • Cards - Part 3
  • Cards - Part 4
  • Forms - Part 1
  • Forms - Part 2
  • Forms - Part 3
  • Input Groups
  • Navs
  • Navbars - Part 1
  • Navbars - Part 2
  • Position
  • Pagination
  • Progress Bars
  • Carousels
  • Collapse
  • Tooltips
  • Popovers
  • Modals
  • Scrollspy
  • Bootstrap Playgrounds Wrap-up
  • Project 1 - Overview
  • Project 1 - Overiew v2
  • Project 1 - Step 1
  • Project 1 - Step 2
  • Project 1 - Step 3
  • Project 1 - Step 4
  • Project 1 - Step 5
  • Project 1 - Step 6
  • Project 1 - Step 7
  • Project 1 - Step 8
  • Project 2 - Overview
  • Project 2 - Step 1
  • Project 2 - Step 2
  • Project 2 - Step 3 - Part 1
  • Project 2 - Step 3 - Part 2
  • Project 2 - Step 4
  • Project 2 - Step 5
  • Project 2 - Step 6
  • Project 2 - Step 7
  • Project 3 - Bullseye Overview
  • Project 3 - Template - Step 1
  • Project 3 - Template - Step 2
  • Project 3 - Template - Step 3
  • Project 3 - Template - Step 4
  • Project 3 - Homepage - Step 1
  • Project 3 - Homepage - Step 2
  • Project 3 - Homepage - Step 3
  • Project 3 - Homepage - Step 4
  • Project 3 - Homepage - Step 5
  • Project 3 - About Page
  • Project 3 - Careers Page
  • Project 3 - Contact Page
  • Project 3 - Franchising Page
  • Project 3 - Locations Page - Part 1
  • Project 3 - Locations Page - Part 2
  • Project 3 - Rewards Page
  • Project 3 - Menu Page - Part 1
  • Project 3 - Menu Page - Part 2
  • Project 3 - Menu Page - Part 3
  • Project 3 - Menu Page - Part 4
  • Project 3 - Menu Page - Part 5
  • Project 3 - Menu Page - Part 6
  • Project 3 - Menu Page - Part 7
  • Project 3 - Menu Page - Part 8

Taught by

Andrew Whitworth

Reviews

Start your review of Build Beautiful Websites Faster and Easier Using Bootstrap 4

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.