Quick Guide to Bootstrap 4
4.6 (54 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5,178 students enrolled

Quick Guide to Bootstrap 4

Learn whats new with Bootstrap 4 and how to apply Bootstrap 4 for rapid modern website design and development
4.6 (54 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5,178 students enrolled
Created by Laurence Svekis
Published 10/2017
English
English [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • 20 articles
  • 4 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Apply Bootstrap to web projects
  • Use Bootstrap 4 components and utilities
Requirements
  • HTML Knowledge
  • CSS experience
Description

Get to know Bootstrap 4 and see why it is the most popular front-end framework used by millions of websites to deliver modern fully responsive web pages.  Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.  Designed for everyone, everywhere, Bootstrap makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes.

Learn the basic concepts, components, tools, utilities and functions that you can use to build fully functional amazing looking websites using the new bootstrap 4 framework. Perfect for students of all skill levels, from complete beginners or students looking to brush up on their web design and development skills.

Bootstrap 4 has a lot to offer we show you how to use it and demonstrate all the code functionality that Bootstrap has to offer.

  • Find out whats new with Bootstrap 4
  • Learn what is needed to setup and use Bootstrap
  • Create a default template as a starting point to create unlimited bootstrap based sites
  • Explore how to use the Bootstrap grid to structure your web content
  • Find out about Jumbotron how to apply padding and margins
  • Learn about common bootstrap utilities and components
  • Discover whats new with colors and backgrounds
  • Group content, tables, lists, forms
  • Get started with Buttons 
  • Helpful Bootstrap cards, alerts
  • Easily build a responsive navbar and nav components
  • Check out how easy it is to create modals and image carousels with no coding needed
  • Source Code is included to get you started quickly

Taught by an instructor with over 18 years of web development experience, ready to help you learn Bootstrap 4 and answer any questions you may have.

See what you can do and create using Bootstrap join now!


Who this course is for:
  • Web Designers and Developers
  • Anyone who wants to build modern responsive websites
  • Anyone who wants to learn whats new with Bootstrap 4
Course content
Expand all 44 lectures 02:23:58
+ Introduction to Bootstrap 4
43 lectures 02:22:44
Setup Coding Environment
02:29
Bootstrap 4 Default Template
00:11
Bootstrap Layout Containers
04:56
Source Code Containers
00:13
Introduction to the Grid
11:57
Source Code Resources
00:23
Do more with the Grid
11:25
Grid Source
00:34
Jumbotron Bootstrap 4
02:48
Source Jumbotron
00:04
Margins and Padding Bootstrap
02:30
Resources Margins and Padding Bootstrap
00:48
Bootstrap 4 Color Utilities
02:48
Source Code Colors
00:28
Bootstrap 4 Utilities
07:51
Source Code Bootstrap 4 Utilities
00:17
Bootstrap 4 Tables
06:38
Source Tables
00:22
Bootstrap Images Responsive
03:40
Source Code Images
00:15
Bootstrap Buttons
03:03
Buttons Source Code
00:39
Bootstrap 4 Forms
09:25
Button Grouping Radio and Checkboxes
05:33
Forms Source
00:51
Bootstrap 4 Alerts
02:34
Bootstrap 4 Badges
01:40
Bootstrap 4 Progressbar
02:59
Source Code
00:28
Bootstrap Cards
06:27
Source Code Cards
00:19
Bootstrap List Group
03:09
Source List Group
00:03
NavBar Responsive Bootstrap
09:13
Nav List Bootstrap 4
02:13
Source Code NavBar
00:25
Bootstrap 4 Carousel
08:22
Bootstrap 4 Carousel
00:25
Bootstrap 4 Modal
07:47
Source Code Modal
00:58
Resources and Source
00:18