Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 11.5 hours on-demand video
  • 2 articles
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Bootstrap

The Bootstrap 4 Bootcamp

Learn to build beautiful responsive websites with the latest Bootstrap version (4.1.3), Flexbox, HTML5, and CSS3!
Highest Rated
Rating: 4.7 out of 54.7 (2,310 ratings)
11,964 students
Created by Colt Steele
Last updated 10/2018
English
English [Auto], Indonesian [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • Learn to create beautiful, responsive websites quickly and painlessly
  • Use the latest in HTML5, CSS3, and Flexbox alongside Bootstrap 4
  • Master every single Bootstrap component
  • Use the Bootstrap 4 Grid system to create complex, fluid layouts
  • Compile your own SASS to customize Bootstrap
  • Dig into the crazy Bootstrap source files
  • Learn the ins and outs of the new Bootstrap 4 utility classes
Curated for the Udemy for Business collection

Course content

14 sections • 87 lectures • 11h 42m total length

  • Preview02:48
  • Preview08:16
  • Preview05:53
  • Comparing Bootstrap 3 and 4
    05:40

  • Intro to My Editor: VSCode
    05:33
  • Using Emmet
    05:26
  • Quick Emmet Quiz (Optional)
    2 questions
  • The Live Server Extension
    06:05
  • Optional: My Theme and Colors
    03:56

  • GET THE CODE FOR THIS COURSE!
    00:18
  • The Bootstrap 4 Documentation
    02:54
  • Including Bootstrap 4
    11:20
  • Your First Exercise: Intro
    03:46
  • Your First Exercise: Solution
    03:57

  • Colors
    09:27
  • Buttons
    09:53
  • Colors and Buttons Quiz
    3 questions
  • Typography
    14:04
  • Jumbotrons
    10:46
  • Exercise Intro
    05:20
  • Exercise Solution
    09:21

  • Bootstrap 4 Breakpoints
    07:11
  • The Display Utility
    11:16
  • Borders and Shadows
    06:49
  • Margin and Padding
    12:46
  • Exercise Intro
    03:10
  • Exercise Solution
    04:22

  • Form Controls
    14:20
  • Checkboxes/Form Checks
    05:47
  • Custom Inputs
    08:30
  • Input Groups and Icons
    10:40
  • Inline Forms
    04:24
  • Exercise Intro
    04:45
  • Exercise Solution
    18:22

  • The Nav Component
    06:11
  • Flexbox and Navs
    13:18
  • OPTIONAL Flexbox Review
    08:08
  • Navbars
    13:39
  • More About Navbars
    10:05
  • Even More About Navbars
    05:39
  • Exercise Intro
    02:31
  • Exercise Solution
    10:48

  • Intro To The Grid
    10:56
  • The Responsive Grid
    07:39
  • Grid Alignment
    09:44
  • Offsets and Nesting
    10:05
  • Forms And The Grid
    08:29
  • Exercise Intro
    05:33
  • Exercise Solution
    06:18

  • List Groups
    09:09
  • Cards Basics
    13:58
  • Cards With Images
    08:39
  • Cards Layout
    07:26

  • Badges
    05:22
  • Breadcrumbs
    03:56
  • Button Groups
    05:21
  • Pagination
    06:23
  • Progress Bars
    06:20

Requirements

  • You need to be familiar with the basics of HTML and some CSS. No expertise needed.
  • You don't need any experience with Bootstrap 3 (or any other version)

Description

Bootstrap is currently the single most used library on all of Github, beating out other tools like React and Angular! It's immensely popular, and with good reason: it makes creating responsive websites a breeze.

This course will take you from a complete beginner to a Bootstrap 4 expert in a matter of hours!  Or, if you already know Bootstrap 3, this course will serve a complete guide to all the new changes and improvements in Bootstrap 4. By the time we're done, you'll master every single component, the powerful grid system, and the brand-new utility classes. By then end of the course we'll be building complete, responsive websites that looks great on all devices. We'll learn to write and compile SASS to customize our own version of Bootstrap. In addition, since Bootstrap 4 is now built on top of Flexbox, we spend a lot of time learning the ins and outs of Flexbox along the way!

What makes this course special

Most Bootstrap courses follow a similar pattern: "Watch me code.  Watch me do x.  Watch me do y". There's never a chance for you to actually practice what you're watching.  This course is different.  Every section contains at least one exercise, activity, or quiz to get you practicing ASAP. Sometimes I show you mockups and you to re-create the layout on your own.  Other times, I give you deliberately broken code and ask you to fix it.  All the activities are based on my experience teaching bootstrap in classroom and are designed to keep you engaged and learning :)

I've put a ton of work into making this course the best Bootstrap course out there.  Watch a preview video or sign up and see why Bootstrap is currently the most popular front-end library around.  It makes developing good-looking websites incredibly easy (and kind of fun!).


Who this course is for:

  • Anyone who wants to master Bootstrap 4 to build responsive and beautiful websites quickly
  • Anyone who knows Bootstrap 3 and is looking to upgrade their knowledge to Bootstrap 4

Featured review

Constantinos Nterziotis
Constantinos Nterziotis
44 courses
1 review
Rating: 5.0 out of 53 months ago
Colt is a smart teacher. The course is very well organized. He has a nice voice, he keeps the difficulty level manageable. He runs fast to make it short, so it is wise to see each video two or more times. I learned and apply Bootstrap thanks to this course. I would prefer to see a second example of design like Aurora Grove.

Instructor

Colt Steele
Developer and Bootcamp Instructor
Colt Steele
  • 4.7 Instructor Rating
  • 298,375 Reviews
  • 923,908 Students
  • 9 Courses

Hi! I'm Colt. I'm a developer with a serious love for teaching. I've spent the last few years teaching people to program at 2 different immersive bootcamps where I've helped hundreds of people become web developers and change their lives. My graduates work at companies like Google, Salesforce, and Square.

Most recently, I led Galvanize's SF's 6 month immersive program as Lead Instructor and Curriculum Director. After graduating from my class, 94% of my students went on to receive full-time developer roles. I also worked at Udacity as a Senior Course Developer on the web development team where I got to reach thousands of students daily.

I’ve since focused my time on bringing my classroom teaching experience to an online environment. In 2016 I launched my Web Developer Bootcamp course, which has since gone on to become one of the best selling and top rated courses on Udemy. I was also voted Udemy’s Best New Instructor of 2016.

I've spent years figuring out the "formula" to teaching technical skills in a classroom environment, and I'm really excited to finally share my expertise with you. I can confidently say that my online courses are without a doubt the most comprehensive ones on the market.

Join me on this crazy adventure!

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.