Bootstrap 4.0 In Action: Build A Responsive Website
4.3 (93 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.
3,459 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Bootstrap 4.0 In Action: Build A Responsive Website to your Wishlist.

Add to Wishlist

Bootstrap 4.0 In Action: Build A Responsive Website

Guide to create a mordern responsive website using HTML, CSS and Bootstrap
4.3 (93 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.
3,459 students enrolled
Created by Syed Ali, Syed Raza
Last updated 8/2016
Curiosity Sale
Current price: $10 Original price: $45 Discount: 78% off
30-Day Money-Back Guarantee
  • 1.5 hours on-demand video
  • 5 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Install Bootstrap 4.0, Brackets Editor and Emmet Package
  • Code HTML and CSS using Emmet
  • Build a Responsive Website using HTML, CSS and Bootstrap
View Curriculum
  • Students should come open-minded and ready-to-learn
  • Students should know the basics of HTML and CSS such as HTML Tags

Bootstrap 4.0 is a popular framework that is written and compiled using HTML, CSS and JavaScript. If you decide to design and create a modern and responsive website then Bootstrap 4.0 is the best option available. Therefore, in this course I will guide you step by step by means of hands-on-tutorials on how to create a fully responsive modern website using Bootstrap 4.0, HTML and CSS.

I have designed this course for students that have a basic understanding of HTML and CSS but if you are a complete beginner and have no such knowledge you can still be a part of this course, follow instructions, and learn many new things.

New Features that Bootstrap 4.0 alpha release provides us with and that you will be learning in this course are as follows:

  • Bootstrap Jumbotron
  • Customizing Bootstrap
  • Bootstrap Cards
  • Rem and EM
  • Much More!

You will be learning how create a clean, modern professional looking bootstrap landing page. Moreover, you will learn-by-doing and hands-on-tutorials which will help you understand all aspects of bootstrap and give you the tools to re-design our template or build an entirely new landing page specifically how you want it. You will be able to download project files of the course, which will be yours to keep and work on at your leisure


This course covers all the components you will need to create your own bootstrap websites.

One framework, every device.

In addition to the Udemy 30-day money back guarantee, you have my personal guarantee that you will love what you learn in this course. Click the "take this course" button at the top right now!

Who is the target audience?
  • This course is for beginners who are interested in Programming
  • Students with some knowledge about programming should take this course
  • Students who are not familiar with any type of programming should not take this course
Students Who Viewed This Course Also Viewed
Curriculum For This Course
20 Lectures
2 Lectures 05:31

This is the introductory lesson of the course

Preview 01:21

In this lecture I will walk you through the course agenda and what we will be covering in this course

Preview 04:10
Downloading Required Software's
3 Lectures 08:24

Students will download Brackets Editor which is a completely free open-source editor

Preview 03:20

Students will downloading the latest version of Bootstrap which is Bootstrap 4.0 alpha release

Downloading Bootstrap 4.0

Students will be able to Install Emmet Package into Brackets Editor

Installing Emmet Package
Getting Started
3 Lectures 13:24

In this Lesson Students will create folders and files to start their coding excersizes

Organizing folders and Files

Student will learn the easy workflow of HTML which Emmet provides with

Working with HTML using Emmet

Student will learn the easy workflow of CSS Styling which Emmet provides with

Styling CSS Using Emmet
Coding A Responsive Website
9 Lectures 48:12

This is the first lesson of coding for students to begin with their responsive website. In this lesson students will create doctype, meta tags, and link with Bootstrap Files

Linking Bootstrap Files

Students will be able to Create and Design the Navbar of their responsive website

Creating Navigation Bar

Go ahead and create a basic Navigation Bar for practice purposes. You may style it using CSS in you own way!

Practice Task #1: Create Your Own NavBar

In this lesson students will learn how to create the Header Area of the website where the About Us Section and the Contact Us Section will be displayed

Creating Header Area

Jumbotron is a new feature in Bootstrap 4, therefore, in this lesson I will teach you how to create a Bootstrap Jumbotron from scratch

Making Bootstrap 4 Jumbotron

Create your own Jumbotron for practice purposes!

Practice Task #2: Create a Jumbotron

Cards are a new feature in Bootstrap 4, therefore, in this lesson I will teach you how to create Bootstrap Cards from scratch

Creating Bootstrap Cards

In this lesson students will learn how to add a Footer Area to the website

Adding Footer Area

Create a new webpage using the steps and instructions I have taught in this course! The webpage should be different from the one I have created in this course but should include the new Bootstrap features that you have learnt in this course.

Practice Task #3: Create Your Complete Webpage!
Course Conclusion
3 Lectures 01:57

This is the course conclusion and I will recap what we have covered in this course!

Preview 01:29

This lecture contains 50% off Coupon Codes for my other courses


Source Code for Responsive Web Site

Source Code Files
About the Instructor
Syed Ali
4.2 Average rating
1,291 Reviews
63,481 Students
19 Courses
Online Instructor - Teaching Over 50,000+ Students!

I am the youngest Instructor present on Udemy Platform and have several years of experience in development environment as programmer. I have been programming since the age of 13.

On the other hand, I have expertise and experience in all phases of project life cycle namely analysis, design, coding, testing and implementation phases. I have experience in working with different operating systems, with keen focus on SharePoint development.

Also have efficiently managed the team and took care in delivering quality deliverables from my team which proved my managerial and leadership skill. Moreover, I have high web developing skills as a web developer and can make websites using WordPress, Joomla, and Drupal. Additionally, can migrate them from one host to the other. I have worked within the following realms:

- Developed script in Python programming language for 3D mapping using raspberry pi and quad-copter
- Developed system for processing data in parallel with data collection
- Redesigned tracking systems to work with tabular data
- Developed tools in Python for vehicle tracking and post-data-collection processing
- Data parsing, statistical analysis

Syed Raza
4.2 Average rating
1,957 Reviews
84,167 Students
25 Courses
Top Udemy Instructor! 80,000+ students

Why are 80,000+ students (and counting) enrolled in my courses?

1) As the CEO of ClayDesk, I teach with passion and purpose! Every course is delivered with my students in mind.

2) My courses will help you gain real world skills and knowledge and change your life today!

3) My dedication to the teaching profession and teaching online. Udemy has named me one of its top instructors.

► Try enrolling in a course with me and see for yourself! ◄


Want to learn how to become A Professional Web Developer?

Would you like to  Boost Your Career?

Then Enroll in my Courses Today! You too can be doing this - and so much more!


About Syed Raza:

Syed graduated from University of Wisconsin in 1995 with a BBA in Finance. Subsequently, he obtained an MBA from Concordia University, LLB and DBL degrees from University Law College, and PhD in Management Sciences. Having obtained MCSE (Microsoft Certified Systems Engineer), MCP+I (Microsoft Certified Professional + Internet), and MCT (Microsoft Certified Trainer), Syed has provided training to thousands of students. ClayDesk provides e-Discovery and cloud computing services including technical training to a wide range of clients globally. 


Syed Raza is an entrepreneur running his own e-learning site along with providing e-discovery and cloud computing consulting and services to a global client base. Syed is a Microsoft Certified Trainer and a Systems Engineer, and his solid finance and management background gives him a competitive edge. He has taught thousands of students in the United States and continues to inspire students of all ages.

Mission Statement- ClayDesk e-discovery and cloud computing is dedicated to provide superior e-learning and outsourcing services worldwide.