Learn Bootstrap 4 with Examples
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
6 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn Bootstrap 4 with Examples to your Wishlist.

Add to Wishlist

Learn Bootstrap 4 with Examples

Learn how to build visually-appealing websites for desktop and mobile using the latest version of Bootstrap
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
6 students enrolled
Created by Packt Publishing
Last updated 6/2017
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 2.5 hours on-demand video
  • 8 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • The new features of Bootstrap 4
  • Understand how to configure and get started with your own customized version of Bootstrap
  • Create a social media platform
  • Create true and dependable web forms that are accessible
  • Explore third-party integration to extend Bootstrap's component and visual structure through icons to complex form validation
  • Integrate Bootstrap in Angular 2 application
View Curriculum
  • Basic knowledge of HTML and CSS
  • Basic knowledge of JavaScript

In recent years, the number of smartphone users have increased. In October 2016, for the first time, the number of web pages loaded were more in mobile devices as compared to traditional desktops. Hence, the need to address  mobile users is paramount.

Since, Bootstrap is developed with a mobile-first strategy, it is assured that any web application that is developed using this framework will work seamlessly on any kind of device.


This course is a blend of text, videos, code examples, and assessments, which together makes your learning journey all the more exciting and truly rewarding. This course has been prepared using extensive research and curation skills. Each section adds to the skills learned in the previous section and will help learn how to work with Bootstrap and build responsive and visually-appealing web applications.



We begin with learning all about Bootstrap 4 and the improvements from the legacy version. We then move on to learning the important concepts of Bootstrap 4, but we use a practical approach, wherein we build projects and explain you the concepts, when and where required. This will help you not only learn the concepts but also learn how to implement the concepts in real life.

In our first project, we build a social media platform; here we discuss concepts such as grids, containers, buttons, navigation, and typography.

We then extend this platform by building a login and registration page for our platform. Here, we cover concepts such as pop-up windows and contextual messages. Later, we will also discuss a few best practices and troubleshooting tips.

We then build an online music library interface, which has advanced features like a song progress bar and song navigation.

Finally, we look at integrating Bootstrap with an Angular 2 application.

By the end of this course, you will be able to build websites that work perfectly on all devices.


This course has been authored by some of the best in their fields:

Matt Lambert is a designer and developer with more than 16 years of experience. He currently works full-time as a senior product designer for CA Technologies in Vancouver, BC, Canada.

Aaron Vanston is a front-end developer and product specialist based in Melbourne, Australia, specializing in usability and user experience design on the web.

Bass Jobsen lives in Orthen in the Netherlands. He tries to combine his interests in web technology with his compassion for a sustainable lifestyle. He therefore not only owns a web development company, but is also board member at the Energie Cooperatie 073.

David Cochran serves as an Associate Professor of Communication at Oklahoma Wesleyan University. He has been teaching Interactive Design since 2005. A passion for best practices induced him to avoid shortcuts and hew towards web standards.

Ian Whitley developed a passion for writing and literature at a young age. In 2010, he developed a deep interest in web development and decided to get involved in it.

Who is the target audience?
  • Anyone who wants to learn to build enterprise-level websites efficiently with Bootstrap, this video is for you. You must have a basic and fundamental understanding of HTML, CSS, and JavaScript; however, there is no need to have prior Bootstrap knowledge.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
33 Lectures
Getting Started
5 Lectures 21:31

Bootstrap 4-what's new?

Installing Bootstrap 4

2 questions
Creating a Social Media Platform
4 Lectures 29:21
Building our header and navigation

Utilizing the Bootstrap grid system

Building the foundation blocks

Social feed content

2 questions
Extending Our Social Platform
3 Lectures 20:58
The Message view

Building the profile page

Completing the profile page

2 questions
Extending Our Social Platform
4 Lectures 20:04
Creating tabbed content

The login screen

The registration screen

Contextual messages
Bootstrapping the Correct Way
2 Lectures 11:14

Best practices

2 questions
Crafting the Music Library
5 Lectures 23:00
Building the layout


The table list view

Progress bars and song navigation

Adding icons

2 questions
3 Lectures 18:28
Variables file

Third-party integration

Building an Angular 2 App with Bootstrap
7 Lectures 11:50

Setting up your first Angular app

Adding routing to our app

Setting up navigation

Adding Bootstrap's HTML markup code to your app

Integrating Bootstrap's CSS code into the application

What about Angular CLI?
About the Instructor
Packt Publishing
3.9 Average rating
8,175 Reviews
58,664 Students
686 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.